x轴为工作日循环填充

浪费了大量的时间上下搜索,但没有找到我的非常简单的需求,我只需要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。

给TA打赏
共{{data.count}}人
人已打赏
解决方案

在不同行上打印多个时间

2022-4-21 10:09:05

解决方案

在VS代码中调试一个django应用(本地),找不到我的数据库容器db。

2022-4-21 10:09:07

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索