如何在Chart.js v2中格式化x轴时间刻度值

前端之家收集整理的这篇文章主要介绍了如何在Chart.js v2中格式化x轴时间刻度值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我通过options.scales.xAxes.time.tooltipFormat将鼠标悬停在线形图上的数据点上时,我可以格式化工具提示,但是我似乎不能为x轴的tick lables做.我的data.label是一个时刻对象的数组.他们显示为“MMM DD,YYYY”(例如2012年2月23日),但我想下降一年.

解决方法

只需将所有选定的时间单位的显示格式设置为MMM DD
options: {
  scales: {
    xAxes: [{
      type: 'time',time: {
        displayFormats: {
           'millisecond': 'MMM DD','second': 'MMM DD','minute': 'MMM DD','hour': 'MMM DD','day': 'MMM DD','week': 'MMM DD','month': 'MMM DD','quarter': 'MMM DD','year': 'MMM DD',}
        ...

请注意,我已将所有单位的显示格式设置为MMM DD.更好的方法是,如果您控制数据范围和图表大小,则会强制单位,如此

options: {
  scales: {
    xAxes: [{
      type: 'time',unit: 'day',unitStepSize: 1,time: {
        displayFormats: {
           'day': 'MMM DD'
        }
        ...

小提琴 – http://jsfiddle.net/prfd1m8q/

原文链接:https://www.f2er.com/js/151724.html

猜你在找的JavaScript相关文章