Highcharts:动态设置 y 轴最大值和最小值,而不是在创建时

Posted

技术标签:

【中文标题】Highcharts:动态设置 y 轴最大值和最小值,而不是在创建时【英文标题】:Highcharts: Set y Axis Max and Min dynamically, and not at creation 【发布时间】:2013-02-17 12:15:33 【问题描述】:

小问题:有没有办法在创建图表后在 Highcharts 中设置min/max。我在图表初始化时知道​​ y: min: 100,max: 200 之类的初始设置,但我想稍后动态更改 max/min。

【问题讨论】:

【参考方案1】:

我猜setExtremes 是最好的方法。 语法应该是:chart.yAxis[0].setExtremes(100,300);

如果只想设置最小值,那么 chart.yAxis[0].setExtremes(100,null); 为我工作。

【讨论】:

很好的答案,为我节省了很多时间 对于那些使用 angular-highcharts-ng(最新版本)的人来说,它是 $scope.chartConfig.getChartObj().xAxis[0].setExtremes(min, max); React:我在 componentDidUpdate 方法中使用了这个,这个方法中使用的当前值保存在 state 中,不要忘记使用 UNIX 时间戳,以防你想在 x 轴上使用日期【参考方案2】:

我们也可以使用更新方法

chart.yAxis[0].update(
    max: 100
); 

chart.xAxis[0].update(
    max: 150
); 

【讨论】:

这对我有用,接受的答案由于某种原因不起作用。【参考方案3】:

您还可以使用 tickPositioner http://api.highcharts.com/highcharts#yAxis.tickPositioner 定义最小/最大值以及这些值之间的刻度。

【讨论】:

以上是关于Highcharts:动态设置 y 轴最大值和最小值,而不是在创建时的主要内容,如果未能解决你的问题,请参考以下文章

Highcharts 日期时间格式 y 轴间隔

Echarts和highCharts图表使用总结(附AntV)

ECharts图表柱状图可以动态设置y轴最大值吗

Highcharts yAxis.max 动态管理刻度间隔

设置组合线和条形图最大宽度的Highcharts失败

如何设置 highcharts X轴和Y轴值