javascript - 为什么 HighChart 会挂起浏览器?

标签 javascript highcharts

问题是我有这样的代码:

$(function(){
    data = [
             [1315522800001, 9],
             [1317596400000, 3],
           ];
    // Create the chart
    window.chart = new Highcharts.StockChart({
        chart : {
            renderTo : 'container'
        },

        rangeSelector : {
            selected : 1
        },

        title : {
            text : 'AAPL Stock Price'
        },

        series : [{
            name : 'AAPL',
            data : data,
            type : 'column',
            tooltip: {
                yDecimals: 2
            },
            dataGrouping: {
                units: ['day', [1]]
            }
        }]
    });
});

Which works fine 。显示漂亮的两列。问题是,如果我复制第二行数据,那么我将得到:

             [1315522800001, 9],
             [1315522800001, 9],
             [1317596400000, 3],

我没有得到预期的结果。更糟糕的是,浏览器耗尽了我所有的 RAM(在 Linux 上的 Opera 和 Firefox 以及 Mac 上的 Safari 上进行了测试)并且几乎不显示任何内容。

我的问题是我在这里做错了什么?我不知道什么? 网站上的所有更复杂的示例都可以工作,但我似乎找不到我的代码的任何特定问题。

最佳答案

数组中的第一个值是时间。您不能同时拥有两个值。

看看这个:http://jsfiddle.net/ndkKz/4/

关于javascript - 为什么 HighChart 会挂起浏览器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8865163/

相关文章:

javascript - Highcharts 的 json 数据映射问题

javascript - 在柱状图 highcharts 中单独为每个点着色

javascript - 向 webpack 配置添加额外入口点的问题(创建 React 应用程序)

javascript - 如果元素丢失则忽略的数组

javascript - 如何制作从日期 1 到 31 具有不同值的条形图?

javascript - 如何在图表顶部添加数据标签?

javascript - 使用 Highstock 显示缺失数据的差距

javascript - Angular onreadystatechange

javascript - 如何使用javascript从对象列表中获取重复的IP地址?

javascript - 文件选择器?通过 HTML5 将大文件上传到 S3,无需后端