Javascript 在Highcharts中加载多个大型数据集

在Highcharts中，在将大型数据集加载到Highcharts中时有和

我们知道，如果数据太大，今天的浏览器都无法做到这一点。关于这一点，它建议使用聚合和表分离将数据加载到HighCharts中，但我认为该解决方案不适合我的需要

我使用mysql存储数据，并且有很多表。要绘制在Highcharts上的数据是基于时间序列的，这意味着数据是每天一次

我需要用这些数据的几个系列集（基于标准）加载图表，数据不能聚合到每月，因为它只需要以每日模式显示。除此之外，我必须将图表的第一个视图设置为

All

不聚合数据的原因，因为用户希望看到每日的更改。有时会出现不规则数据，聚合并不是最好的选择。要加载的数据来自1980年

---

将这些数据加载到HighCharts的最佳策略或技术是什么？

您是否尝试过加载每日数据？如果你有过去45年中每天的数据点，那么它只有16000点。无论如何，我首先要确保对HythCad加载所有的内容，如果是这样的话，考虑一个动态聚合脚本，通过缩放一个阈值（比如说5年），将数据集触发到每周的集合。 这是我的潜在解决方案：

使用全分辨率数据集、每周聚合集以及每月集合加载图表。然后根据当前视图上的点数设置事件侦听器。当它达到某个阈值时，您需要重新绘制以进行聚合

---

你不会真的失去在某一天看到激烈事件的机会，因为7天的总和仍然会显示一个足够显著的峰值。然后，用户可以放大并查看更详细的数据。45年的每日数据减少到几千点

那么，你是说你每天都有35年的数据。对我来说，它是<13k的点。然后是图表，例如600px宽。这意味着1像素上有20个点。你们说聚合是不好的，因为用户需要看到真实的数据。让我问一下，用户将如何看待这些点，何时会有20个点在1px中？也许我已经老了，但我看不到这一点真的很好，只是一些“胖路”。比较以下示例：

在第二个示例中，刚刚禁用了数据分组：

dataGrouping: {
    enabled: false
}

当您放大第一个示例时，无论如何都会得到真实的数据

如果您真的不能使用数据分组，那么另一种解决方案如何？禁用导航器和“全部”按钮，用户将只能在指定范围内缩放，如下所示：

---

听起来像是ajax动态加载的工作。ajax意味着在回答某人的评论方面做得非常好。你的数据中有多少点，因为你需要知道你的图表受到大小（以像素为单位）的限制，所以当点超过像素数量时，我们没有机会打印更多。最好的解决方案是使用您仅有的一个系列的演示。六个系列的16k点怎么样？我只是不认为海图有能力处理这个问题。我将再次尝试建议我的用户。他们想用图表分析大坝安全数据。有没有为环境领域显示可视化数据的经验？不过，有这么多的点是个坏主意，图表根本不可用，比较：和。我认为启用滚动条的解决方案最适合您的情况。

$('#container').highcharts('StockChart', {
    rangeSelector: {
        inputEnabled: false,
        buttons: [{
            type: 'month',
            count: 1,
            text: '1m'
        }, {
            type: 'month',
            count: 3,
            text: '3m'
        }, {
            type: 'month',
            count: 6,
            text: '6m'
        }, {
            type: 'ytd',
            text: 'YTD'
        }, {
            type: 'year',
            count: 1,
            text: '1y'
        }],
        selected: 0
    },
    navigator: {
        enabled: false   
    },
    series: [{
        name: 'AAPL',
        data: data,
        dataGrouping: {
            enabled: false   
        }
    }]
});