highcharts - 按月显示

问题描述 投票:1回答:1

按月分列的高图没有正确的标签,何时是一个月。

当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
    }
]

请帮帮我。

javascript highcharts
1个回答
2
投票

您可以使用以下选项:

  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设置为新Date(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
        }]
      }

    ]
  });
});
© www.soinside.com 2019 - 2024. All rights reserved.