按月显示

show by month

本文关键字：显示      更新时间：2023-09-26

按月高图表 没有正确的标签，什么时候是一个月。

什么时候是 2 个月，xAxis 中的标签是 2016 年 1 月和 2016 年 2 月，但什么时候只有一个月，标签是 04：59：59：999正常：https://jsfiddle.net/rcondori/c3y1r7sn/

series: [{
    data: [{
      name: "January",
      x: 1451624399999,
      y: 52
    }, {
      name: "February",
      x: 1454302799999,
      y: 60
    }]
  }
]

不好：https://jsfiddle.net/rcondori/c3y1r7sn/1/

series: [{
    data: [{
      name: "January",
      x: 1451624399999,
      y: 52
    }
]

请帮帮我。

您可以使用以下选项：

  1. 选项 1使用Highcharts API（检查示例）：

Highcharts.dateFormat允许您设置日期格式（有关更多详细信息，请查看此链接）

labels: {
formatter: function() {
return Highcharts.dateFormat('%B-%Y', this.value);
}
}
  1. 选项 2：使用 JS 方法：

检查下面

var temp = new Date(this.value);
          locale = "en-ca",
            month = temp.toLocaleString(locale, {
              month: "long"
            });
          return month + '-' + temp.getFullYear();

通过将变量 temp 设置为新日期 （this.value），您可以访问 x 值（在本例中为日期）。month=a.toLocalString 允许您用字母而不是数字来获取月份。下面是示例：

$(function() {
  $('#container').highcharts({
    xAxis: {
      type: 'datetime',
      labels: {
        formatter: function() {
          var temp = new Date(this.value);
          locale = "en-ca",
            month = temp.toLocaleString(locale, {
              month: "long"
            });
          return month + '-' + temp.getFullYear();
        }
      }
    },

    series: [{
        data: [{
          name: "January",
          x: 1451624399999,
          y: 52
        }]
      }
    ]
  });
});
相关文章：