如何动态地更新计(HighCharts)内的范围内?(How do I dynamically up

2019-10-18 21:28发布

问题1

我想改变仪表内的范围,即目前它是硬编码为0-200。 但是,如果我的价值远远高于200,像300,然后它会自动改变其范围为类似0-400。 我怎样才能做到这一点?

目前,它是yAxis: {min: 0, max: 100} 有没有像%财产以后yAxis: {min: 0%, max: 100%}

问题2

我想设置样条曲线来绘制更新每分钟左右的数据点的限制。 我该怎么做,在Highcharts? 我跟着这个链接 。 对于如。 应该有最多只有20个图形渲染内点

我想这一点,但它一直在其上添加点。

var series = chart.series[0],
shift = series.data.length > 20; // shift if the series is longer than 20
// But this keeps on adding the points. i want to limit it to 20.

// add the point
chart.series[0].addPoint(point, true, shift);

如何添加有限制吗?

Answer 1:

问题1:最小/最大值必须是数字,而不是百分比值。 在当你想修改范围的情况下,动态的,您可以使用update的功能,叫上轴。

见例如: http://jsfiddle.net/jgRTz/ http://api.highcharts.com/highcharts#Axis.update()

问题2:在理解你woudl liek设定上限(加点不移位图表),但是之后做这样的位置:

http://jsfiddle.net/qzZxh/

 setInterval(function() {
                        var x = (new Date()).getTime(), // current time
                            y = Math.random();

                        if(series.data.length > MAXPOINTS)
                            series.addPoint([x, y], true, true);
                        else
                            series.addPoint([x, y], true, false);

                    }, 1000);


文章来源: How do I dynamically update the range inside a Gauge (HighCharts)?