javascript - highcharts - 按月显示

Question

highcharts by month 没有正确的标签，什么时候是一个月。

当是 2 个月时，xAxis 中的标签是 jan-2016 和 feb-2016 但当只有一个月时，标签是 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
    }
]

请帮帮我

Answer 1

您可以使用以下选项:

1. 选项 1 使用 Highcharts API(检查 example ):

Highcharts.dateFormat 允许您设置日期格式(有关更多详细信息，请查看 link)

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 允许您使用字母而不是数字来获取月份。 这里是example :

$(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
        }]
      }

    ]
  });
});