从highcharts.js中删除axisX中的月份

时间:2016-09-14 14:35:23

标签: javascript highcharts

除了每月的第一天以外,如何删除月份并留下数字天数?月份必须只写一个,每个月的第一天。 enter image description here 现在我的代码

    xAxis: {
        type: 'datetime',
        labels: {
            overflow: 'justify'
        }
    },

示例https://jsfiddle.net/o5926erd/5/

1 个答案:

答案 0 :(得分:1)

您可以使用xAxis的labels.formatter函数: http://api.highcharts.com/highcharts/xAxis.labels.formatter

formatter: function() {
  var xAxis = this.axis,
    previousMonth,
    date,
    newTicks = [],
    index,
    returnedString,
    months = this.chart.options.lang.months;

  Highcharts.each(xAxis.tickPositions, function(t) {
    date = new Date(t);
    if (date.getMonth() !== previousMonth) {
      previousMonth = date.getMonth();
      newTicks.push(t);
    }
  });

  index = newTicks.indexOf(this.value);
  date = new Date(this.value);
  returnedString = index >= 0 ? date.getDate() + '. ' + months[date.getMonth()] : date.getDate()
  return returnedString;
}

在这里,您可以看到一个示例:https://jsfiddle.net/o5926erd/8/