Highcharts填充区域点间隔问题

时间:2017-10-18 21:26:24

标签: highcharts

当我使用' spline'绘制图形时,y轴区间是可以重新设置的,因此图形看起来不错。 enter image description here 代码如下:

 chart: {
     type: 'spline'
 }

但是,当我将类型更改为' area'时,间隔也会改变。因此,图表看起来很糟糕。 enter image description here

 chart: {
     type: 'area'
 }

如何解决没有设置标签' min '和' tickInterval '

我需要这个因为如果我设置了label属性,那么就会有一堆工作。

2 个答案:

答案 0 :(得分:1)

您可以通过使用以下在事件load上触发的函数来实现此目的:

chart: {
  type: 'area',
  events: {
    load: function() {
      let chart = this;
      let tmpMaxMin = chart.yAxis[0].getExtremes();
      chart.yAxis[0].setExtremes(tmpMaxMin['dataMin'], tmpMaxMin['dataMax']);
    }
  }
},    

工作示例http://jsfiddle.net/ewolden/La13rjwf/

关于events.load的API https://api.highcharts.com/highcharts/chart.events.load

关于getExtremes的API https://api.highcharts.com/class-reference/Highcharts.Series#getExtremes

答案基于:https://stackoverflow.com/a/35870891/8376046

答案 1 :(得分:0)

只需将softThreshold属性设置为true。

API参考:
https://api.highcharts.com/highcharts/plotOptions.area.softThreshold

例:
http://jsfiddle.net/srx8py4v/