Highcharts填充区域点间隔问题

Posted 2023-03-14

【中文标题】Highcharts填充区域点间隔问题

【英文标题】：Highcharts fill area point interval issue

【发布时间】：2017-10-18 21:26:23

【问题描述】：

当我只用“样条”绘制图形时，y 轴间隔是合理的，所以图形看起来不错。 代码如下：

 chart: 
     type: 'spline'
 

但是，当我将类型更改为“区域”时，间隔也会更改。因此，图表看起来很糟糕。

 chart: 
     type: 'area'
 

如何在不设置标签的“min”和“tickInterval”的情况下修复它

我需要这个，因为如果我设置标签属性，就会有一堆工作。

【参考方案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://***.com/a/35870891/8376046

【参考方案2】：

只需将 softThreshold 属性设置为 true。

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

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