Javascript 无法更新highcharts的数据

Javascript 无法更新highcharts的数据,javascript,jquery,json,charts,highcharts,Javascript,Jquery,Json,Charts,Highcharts,我想在点击按钮时更新图表上的数据。我试过使用addSeries和redraw。他们都没有用最新信息更新我的图表 这里出了什么问题 设stacks1=[{ 链接到:“哟”, 姓名:'yo', 数据:[106.4129.2144.0,29.9,71.5], 堆栈:1, }, { 链接到:'yo0', 名称:'yo0', 数据:[148.5216.4,30176.0135.6], 堆栈:1, }] 设stacks2=[{ id:'哟', 姓名:'yo', 数据:[29.9,71.5106.4129.

我想在点击按钮时更新图表上的数据。我试过使用addSeries和redraw。他们都没有用最新信息更新我的图表

这里出了什么问题

设stacks1=[{ 链接到:“哟”, 姓名:'yo', 数据:[106.4129.2144.0,29.9,71.5], 堆栈:1, }, { 链接到:'yo0', 名称:'yo0', 数据:[148.5216.4,30176.0135.6], 堆栈:1, }] 设stacks2=[{ id:'哟', 姓名:'yo', 数据:[29.9,71.5106.4129.2144.0], 堆栈:2 }, { id:'yo0', 名称:'yo0', 数据:[30176.0135.6148.5216.4], 堆栈:2 }] 海图。海图‘容器’{ 图表:{ 类型:“列” }, xAxis:{ 类别:[‘一’、‘二’、‘三’、‘四’、‘五’] }, 打印选项:{ 专栏:{ 堆叠:“正常” } }, 系列:stacks2 }; $'btn'。单击,函数{ $'container'.highcharts.addSeriesstacks1; $'container'.highcharts.redraw; };
点击我 addSeries需要单个系列的配置选项作为第一个参数-

您正在尝试添加stacks1,它包含两组选项。如果您分别添加两个系列,它将起作用。还可以通过将第二个参数设置为true,使用addSeries命令重新绘制图表。请参阅下面的代码/片段

设stacks11={ 链接到:“哟”, 姓名:'yo', 数据:[106.4129.2144.0,29.9,71.5], 堆栈:1, } 设stacks12={ 链接到:'yo0', 名称:'yo0', 数据:[148.5216.4,30176.0135.6], 堆栈:1, } 设stacks2=[{ id:'哟', 姓名:'yo', 数据:[29.9,71.5106.4129.2144.0], 堆栈:2 }, { id:'yo0', 名称:'yo0', 数据:[30176.0135.6148.5216.4], 堆栈:2 }] 海图。海图‘容器’{ 图表:{ 类型:“列” }, xAxis:{ 类别:[‘一’、‘二’、‘三’、‘四’、‘五’] }, 打印选项:{ 专栏:{ 堆叠:“正常” } }, 系列:stacks2 }; $'btn'。单击,函数{ $'container'.highcharts.addSeriesstacks11; $'container'.highcharts.addSeriesstacks12,true; //$'container'.highcharts.redraw; }; 点击我 您需要使用addSeries方法两次:

$('#btn').on('click', function() {
    chart.addSeries(stacks1[0], false);
    chart.addSeries(stacks1[1], false);

    chart.redraw();
});
现场演示:

API参考: