问高图表回调重构不工作，以及如何使用多个Ajax数据显示多个系列
EN

Stack Overflow用户

提问于 2014-09-23 20:49:03

回答 1查看 136关注 0票数 0

我正在做一个利用高图表和高库存的项目。我遇到了两个问题，我想请你帮忙。

如何用多个系列编写高图表，每个系列从不同的Ajax调用中获取数据源？高海图网站上的示例只显示一个Ajax源或一个包含预先填充的虚拟数据的多个系列图表。
我正在尝试将高图符的绘制与ajax调用函数分开，因为用于绘制图表的嵌入式回调方法可能会有点难以理解。但是，当我从回叫部分中提取出高图集绘图代码时，高图集显示不再工作了，即高海图调用不返回任何内容。例如：

这项工作：

    $.getJSON(myUrl, function(data){

        $('#ajax-panel').highcharts('chart', {
            rangeSelector : {
                selected : 1
            },

            title : {
                text : 'analysis chart'
            },

            series : [
                {
                    name : 'dataseries',
                    data : data,
                    id : 'dataseries',
                    tooltip: {
                        valueDecimals: 2
                    }
                }
            ]
        });

这是不起作用的，虽然语法上我没有看到任何错误。

        $.getJSON(myUrl, function(data){
            drawChart(data);
        });

        function drawChart(data){
        $('#ajax-panel').highcharts('chart', {
            rangeSelector : {
                selected : 1
            },

            title : {
                text : 'analysis chart'
            },

            series : [
                {
                    name : 'dataseries',
                    data : data,
                    id : 'dataseries',
                    tooltip: {
                        valueDecimals: 2
                    }
                }
            ]
    }); 
};

谢谢!

highcharts

回答 1

Stack Overflow用户

发布于 2014-09-24 11:23:35

1)您需要获取所有系列，并将其推入一个数组中，然后在高级图表中引用它。重要的是，图表应该在上一次ajax的回调中初始化。

jquery函数在什么时候也会有帮助。

2)语法似乎是正确的，请检查您的控制台(单击F12 / developer tools)，并观察是否有任何错误。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26004484

复制

相似问题

问高图表回调重构不工作，以及如何使用多个Ajax数据显示多个系列
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问高图表回调重构不工作，以及如何使用多个Ajax数据显示多个系列EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问高图表回调重构不工作，以及如何使用多个Ajax数据显示多个系列
EN