javascript - 将数据动态添加到 Highcharts 中的系列

标签 javascript highcharts

我正在尝试更新我的 highchart 系列以添加新数据。

我的系列看起来像:

series: [{
        name: 'Serie1',
        data:[
            {
                x: 0,
                low: Date.UTC(2013, 07, 03, 0, 00, 00),
                high: Date.UTC(2013, 07, 03, 4, 0, 0),
                cliente:[{nombre:'Pepe',
                    Partida:'11111',
                    Bandejas:'35'},
                    {nombre:'Pepe1',
                    Partida:'222',
                    Bandejas:'50'}]
            },
            {
                x: 0,
                low: Date.UTC(2013, 07, 03, 5, 0, 0),
                high: Date.UTC(2013, 07, 03, 9, 0, 0)
            },
                            {
                x: 0,
                low: Date.UTC(2013, 07, 03, 18, 0, 0),
                high: Date.UTC(2013, 07, 03, 24, 0, 0)
            }
      ]
    },
        {
        name: 'Serie2',
        data:[
            {
                x: 2,
                low: Date.UTC(2013, 07, 03, 4, 0, 0),
                high: Date.UTC(2013, 07, 03, 10, 0, 0)
            },
                            {
                x: 2,
                low: Date.UTC(2013, 07, 03, 18, 0, 0),
                high: Date.UTC(2013, 07, 03, 24, 0, 0)
            },
                            {
                x: 2,
                low: Date.UTC(2013, 07, 03, 0, 0, 0),
                high: Date.UTC(2013, 07, 03, 2, 0, 0)
            },
                            {
                x: 2,
                low: Date.UTC(2013, 07, 03, 11, 0, 0),
                high: Date.UTC(2013, 07, 03, 18, 0, 0)
            }
      ]
    }          
            ]

当我点击一个按钮时,我想在“Serie 1”中添加新数据。

我试过 chart.series[pos].setData(newdata);它有效,但删除所有以前的数据。 我也试过使用 chart.series[pos-1].data.push(newdata);但它不起作用。

有什么解决办法吗?

最佳答案

您可以使用 addPoint允许添加新数据的函数。

关于javascript - 将数据动态添加到 Highcharts 中的系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24049421/

相关文章:

php - Javascript - 在结束功能之前等待点击

简单表单验证所需的 Javascript 帮助

javascript - Highcharts 如何在设置数据时显示加载动画

javascript - 带有 html 标题的 SVG 工具提示 z-index

javascript - 看不到 ionic 导航按钮

javascript - 从字符串中删除除智能引号之外的所有非 ASCII 字符

javascript - 从现有的 Backbone.js 创建一个新集合

javascript - Highcharts 图表中的十字准线可以通过编程方式设置和移动吗?

javascript - 数据集分布不均匀的 Highstock 时间序列

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