高图:平滑添加点到折线图
Highcharts: smooth adding point to line chart
我正在使用Highcharts,并且我正在尝试实现非常平滑的折线图,这将流式传输我从服务器获取的数据。到目前为止,数据每秒钟都会出现一次,并且在显示值时存在一个小延迟。我添加的值如下:
chart.series[0].addPoint(newPoint), false, true);
chart.redraw();
和作为动画我使用:
animation: Highcharts.svg
我希望过渡像这些图一样平滑:
http://smoothiecharts.org/examples/server-load.html任何想法?
谢谢-uksz
你应该使用animate while add point as below
chart.series[0].addPoint(newPoint,true, true, animate)
还要检查,你是否设置了动画函数的任何时间以及它是否在更新时调用
相关文章:
- 用与线条相同的颜色填充多折线图上的点
- 跟踪jqplot垂直折线图的鼠标位置
- Morris.js折线图x轴标签在调整大小后消失
- Chart.js V2折线图缺点
- 将时间缩放添加到折线图(Chart.js)
- D3.js如何使用折线图在我的图例中添加工具提示
- 在 Chart.js 中使用 addData() 方法将数据添加到折线图
- 将轴添加到 d3 中的动态折线图
- 绘制 D3 折线图后如何添加更多时间序列数据
- 如何将数据库输出的值添加到Chart.js的折线图中的数据字段中
- 高图:平滑添加点到折线图
- 高线图:给折线图添加标志
- 如何将字符串值添加到nvd3折线图x轴值
- 向折线图添加新的数据点条目
- 在Google Charts中的折线图中添加for循环
- 将时间戳格式添加到折线图x轴
- 如何在折线图路径d3.js上添加圆圈
- 如何在Shield UI JavaScript折线图中添加自定义标签
- 如何在D3折线图中添加背景阴影
- 在折线图中添加过渡到不同的线d3