Highcharts从数组数据更新图表

时间:2015-04-23 16:00:09

标签: javascript highcharts

我正在使用Highcharts.js,我不知道如何更新图表。

系列数据取自名为“Data_A”的数组,但如果我更改了数组中的值,则图表中没有任何反应。

此外,如果有人知道一种更好的方法从数组中获取数据并将其放入图中,那么现在它的方式就会很好,我确定有更好的方法。

我现在的位置: http://jsfiddle.net/zadaq5e5/1/

这是我的Javascript:

Exception java.lang.NoSuchMethodException "com.company.sidebarController.randomVFolderFunction(java.lang.String)"
java.lang.Throwable.<init>(String)
java.lang.Exception.<init>(String)
java.lang.ReflectiveOperationException.<init>(String)
java.lang.NoSuchMethodException.<init>(String)
java.lang.Class.getDeclaredMethod.<init>(String, Class[])
org.springframework.core.annotation.AnnotationUtils.findAnnotation(Method, Class)
org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter$ServletHandlerMethodInvoker.getModelAndView(Method, Class, Object, ExtendedModelMap, ServletWebRequest)
...

1 个答案:

答案 0 :(得分:2)

如果您只想更新系列中的某个点,可以使用Point.update()
Docs Here

但是,如果您想要更新整个系列,可能需要使用Series.setData() Docs Here


如何使用:

首先,要处理Chart对象,应该如何实例化它:

var myChart = new Highcharts.Chart({
   chart : {
            renderTo : $('#container')[0] // The element to where the chart will be rendered
        },
    // Additional options
})

要使用Point.update(),您可以通过
访问系列中的特定点 myChart.series[0].data[indexOfSpecificPoint].update(optionsObject)

要使用Series.setData(),您可以通过
访问该系列 myChart.series[0].setData(dataArray)

从您的示例中,假设您只想更新Data_A[ 2500 ], 这是我制作的fiddle