Highcharts大数据集群集

发布时间：2020-12-14 04:46:25 所属栏目：大数据来源：网络整理

导读：我需要用Highcharts绘制数万个(可能是数十万个)点.有没有办法可以在服务器上集群数据,所以它会显示少于1000个点,但是当你放大它时会对服务器进行 AJAX调用以获取该缩放区域的数据(它可能会通过相同的聚类算法).如何与Highcharts API接口？解决方法这是芭芭

我需要用Highcharts绘制数万个(可能是数十万个)点.有没有办法可以在服务器上集群数据,所以它会显示少于1000个点,但是当你放大它时会对服务器进行 AJAX调用以获取该缩放区域的数据(它可能会通过相同的聚类算法).如何与Highcharts API接口？

解决方法

这是芭芭拉答案的改进,

它注册到setExtremes事件,
知道这是否是重置缩放事件.
如果是 – 它获取整个数据集,
从而允许重置缩放功能正常工作.

它还允许放大x和y.

http://jsfiddle.net/DktpS/8/

var isReset = false;

...

            xAxis: {
                events: {
                        afterSetExtremes : afterSetExtremes,setExtremes: function (e) {


                        if (e.max == null || e.min == null) {
                           isReset = true;                            
                        }
                        else
                        {
                         isReset = false;   
                        }
                    }
                },minRange: 3600 * 1000 // one hour
            },series: [{
                data: data,dataGrouping: {
                    enabled: false
                }
            }]
        });
    });
});


    /**
     * Load new data depending on the selected min and max
     */
    function afterSetExtremes(e) {

        var url,currentExtremes = this.getExtremes(),range = e.max - e.min;
        var chart = $('#container').highcharts();

        var min = 0;
        var max = 1.35e12;
        if(!isReset)
        {
            min = e.min;
            max = e.max;
        }
         chart.showLoading('Loading data from server...');
        $.getJSON('http://www.highcharts.com/samples/data/from-sql.php?start=' + Math.round(min) +
            '&end=' + Math.round(max) + '&callback=?',function (data) {

            chart.series[0].setData(data);

            chart.hideLoading();


        });

    }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!