highchart实现多条实时曲线时，出现问题

qq_32065643 2017-03-08 09:10:07

假设两条曲线的上的点为曲线A:10 20 30 40 50 ，曲线B：20 30 40 50 60 ，曲线A在曲线上显示的数值是对的，但在图上显示的点的位置对应坐标轴显示的是A+B的位置，即30 50 70 90 110 ，是怎么回事呢

...全文

946 回复打赏收藏举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

最近研究将传感器传过来的数据以实时曲线的形式显示在web前端，在网上找了又找，最终实现了基本功能，拿出来和大家分享一下，对于新手来说很有帮助~~ web前端： var data; Highcharts.setOptions({ global: { useUTC: false } }); var chart; $(function() { cha

问题描述用highchart画多条曲线时，tooltip设置为shared:true后，移动鼠标会显示相同x下的多个y，但要求y不能缺否则就会丢点。运行效果解决方法当然可以通过后台将数据填充上，但最轻量级的解决方法是在formatter当遇到某y丢点时，自动取临近的前一个值显示。代码中还涉及到了浮点数小数位处理方法fixnumber。 tooltip: { shared...

//借鉴：https://www.hcharts.cn/demo/highcharts/dynamic-update（highChart官网Demo） //作者qq:544462804 function activeLastPointToolip(chart) { var points = chart.series[0].points; chart.tooltip...

不想每条曲线都添加一条坐标轴，希望所有的曲线都共用一条X轴时，适用。（当然也能包括共用Y轴）一开始的代码：每条曲线都对应了一个x轴和一个y轴，曲线多了以后，坐标轴也跟着变多，图会很复杂 var options = { title: { text: '绘图区' }, xAxis: [{ title: 'X轴1', categories: [2, 4, 6, 8, 10, 12, 14, 16] },{ .

fpga图形仿真，轻量级

.NET技术其他语言

1,979

社区成员

12,447

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章