javascript - 具有 10k 数据点的数据集的 Highcharts 替代方案?

标签 javascript charts highcharts

<分区>

我们需要生成类似于

http://zopyx.com/tmp/chart.png

要求如下:

  • 图表上部折线图的24*365个数据点(一年每小时/每天一个值)
  • 以下每个 block 12 个数据点(每月一个)

因此每个垂直 block (每个月一个)都与一组 24*30(或 31)个数据点相关联。

我尝试使用 Highcharts 实现图表,但它似乎在处理大型数据集时存在严重问题(Firefox 显示有关长时间运行脚本的警报)。

是否有可以处理此用例的 Highcharts 替代方案?交互性是必须的(用户应该能够放大/缩小)

最佳答案

我一直在考虑flot对大型数据集非常快。根据我的informal使用 8760 点的数据集进行测试,chrome(v15)将在大约 5 秒内呈现它,firefox(v8)在大约 2 秒内呈现它,ie9 告诉我大约 1/2 秒(IE < 9 将是不行的由于缺乏内置 Canvas 支持而导致速度下降)。

不过,我担心的是 >8000 点超过了渲染的像素限制。您的绘图必须有大约 10000 像素宽才能辨别任何类型的形状。

关于javascript - 具有 10k 数据点的数据集的 Highcharts 替代方案?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8307884/

相关文章:

javascript - 当鼠标光标位于使用 highcharts 的图表上时如何渲染垂直线?

javascript - 在 Node.js 中难以停止子进程生成中的流?

javascript - 谷歌折线图两个系列

javascript - Highcharts xAxis 标签格式化程序回调数据为空

javascript - 对谷歌条形图进行排序

jQuery 图表

javascript - Highcharts:悬停时将数据标签显示为相对值(百分比)

javascript - 在 for 循环 javascript 中使用数组内的对象

javascript - Bluebird promise 取消

javascript - 如何在 EL 表达式中使用 JavaScript 变量