x轴为工作日循环填充

Posted 2021-03-19

浪费了大量的时间上下搜索，但没有找到我的非常简单的需求，我只需要X轴显示。(工作日滚动循环重复)Mon tue wed thu wed sat sun Mon tue wed thu wed sat sun Mon tue wed thu wed sat sun ......重复或循环7天，直到无限(Y有一个值).这应该是很容易做的，应该是第一章的第一条演示线，但No Way, noone treat the simple.Thank YOU in advanceBest regardseng G. Bono from Italy Turin.

答案

对于一个分类轴，你可以通过编程创建一个工作日的数组，例如。

var data = [...],
  categories = ['mon', 'tue', 'wed', 'thu', 'wed', 'sat', 'sun'],
  i = 7;

for (; i < data.length; i++) {
  categories.push(categories[i - 7]);
}

Highcharts.chart('container', {
  series: [{
    data: data
  }],
  xAxis: {
    categories: categories
  }
});

---

现场演示： http:/jsfiddle.netBlackLabel6m4e8x0y4962。

---

对于日期时间轴，你只需要使用适当的格式。

xAxis: {
  type: 'datetime',
  labels: {
    formatter: function() {
      return Highcharts.dateFormat('%a', this.value)
    }
  }
}

---

Live demo: http:/jsfiddle.netBlackLabel6m4e8x0y4963

API参考。

https:/api.Highcharts.comhighchartsxAis.type

https:/api.Highcharts.comclass-referenceHighcharts#.dateFormat。

https:/api.highcharts.comhighchartsxAis.label.formatter。