更改xAxis上的第一个刻度位置

时间:2016-01-15 19:57:35

标签: highcharts

这是我的图表

chart

我需要从图表的开头开始刻度,而不需要填充。

我试过阅读文档,但我找不到任何关于它的内容

1 个答案:

答案 0 :(得分:1)

根据文档,无论如何应该使用xAxis.startOnTick

Whether to force the axis to start on a tick.
Use this option with the minPadding option to control the axis start.
Defaults to false.

那么,也许你在图表代码中覆盖了这个?

<强>更新 因此,根据您的代码,您拥有的是分类xAxis和区域折线图。风格*这对整个类别&#34; bin&#34;而言没有多大意义。是一个单一的值,你输入时间值(我假设它们是['00:00', '05:00', '05:00', '05:00', '05:00'])。为什么不制作一个实际的时间序列xAxis?这将根据时间给出离散的x位置,你可以看到区域图表更清晰。

Sample基于时间的xAxis:

$(function() {
  $('#container').highcharts({
    chart: {
      type: 'area'
    },
    xAxis: {
      startOnTick: false,
      type: 'datetime'
    },
    series: [{
      name: 'John',
      data: [0, 3, 4, 7, 2],
      pointStart: Date.UTC(2010, 0, 0),
      pointInterval: 5 * 3600 * 1000 // 5 hour
    }, {
      name: 'Jane',
      data: [2, -2, -3, 2, 1],
      pointStart: Date.UTC(2010, 0, 0),
      pointInterval: 5 * 3600 * 1000 // 5 hour
    }, {
      name: 'Joe',
      data: [3, 4, 4, -2, 5],
      pointStart: Date.UTC(2010, 0, 0),
      pointInterval: 5 * 3600 * 1000 // 5 hour
    }]
  });
});
  • 我的意思&#34;风格上&#34;是你在&#34; 00:00&#34;到&#34; 05:00&#34;。因此,我们假设类别之间的间隔为5小时。由于点之间有5小时的差距,区域图是否真的向用户传达了任何信息?简单的柱形图在这里更有意义吗?如果在类别之间甚至是5分钟,那么将其作为面积图似乎有点不可思议。