2016-04-18 71 views
-1

我有一个页面,我可以在两个时间间隔中发布这两个时间间隔后,我可以获得这两个日期之间售出的票数。如何用highcharts.js减少yaxis点之间的距离?

我取回多个数据取决于我走多远。

我的问题:

如果我早对数据库的第一次插入。 我将获得例如200票的高值之后,我计算在数据库中,给了我这样一个图表每行之间的区别:

enter image description here

当你的图片中看到我会像减少y轴点之间的空间以便更好地看到更小的值。

在上面的例子我有一个栏,是160,并且是用于实施例1或2和I几乎看不到它们的图表

代码本上的其他条形:

buildCharts: function (target, chartData, chartEnum) { 

    $(target).highcharts({ 
     chart: { 
      type: 'column', 
      height: 300, 
     }, 
     title: { 
      text: chartEnum.name 
     }, 
     xAxis: { 
      type: 'category' 
     }, 
     yAxis: { 
      title: { 
       text: chartEnum.text 
      } 
     }, 
     series: [{ 
      name: 'SystemInfo', 
      showInLegend: false, 
      colorByPoint: false, 
      data: chartData, 
      turboThreshold: chartData.length + 500 

     }], 
    }); 
} 

如何我可以减少y轴点之间的空间吗?

+1

会对数坐标轴适合您吗?我没有看到另一种做法。检查http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-log-axis/ – apokryfos

+0

没有改变 – ThunD3eR

+0

你可以做演示?例如:http://jsfiddle.net/Lwqzeyf0/就像你的用例。 – apokryfos

回答

-1

使用“tickInterval”属性是最简单的方法(请参阅http://api.highcharts.com/highcharts#xAxis.tickInterval)。

如果您想根据您正在查看的故障单总数(根据您的问题假设您可以选择想要启动的时间点)来设置此值,可以执行的操作是根据你的系列数据的长度(例如,如果数据超过100项,则设置tickInterval为4;否则,设置tickInterval为2或1)。通过创建图表选项,然后在获取数据之后但在绘制/重绘图表之前更改选项中的值来实现此目的。