高图表 - 从JSON设置Solid Gauge值

时间:2017-04-21 16:34:19

标签: json highcharts

我已经创建了一个可靠的仪表,我正在尝试从json请求获取仪表的值到Web服务。

我只是不确定如何从json请求中设置y值?

感谢您的任何建议

                    series: [{
                    name: 'Your Score',
                    borderColor: Highcharts.getOptions().colors[0],
                    data: [{
                        color: Highcharts.getOptions().colors[0],
                        radius: '100%',
                        innerRadius: '100%',
                        y: []
                    }],

这是JSON请求

                /* Send ajax request and get the value as response */
            $.ajax({
                type: 'POST',
                url: "WebService.aspx?Action=Dashboard",
                context: document.body,
                success: function (response) {

                    var arr = $.parseJSON(response);

                    options.series[0].data[0].y = arr

                    var chart = new Highcharts.Chart(options);

                }
            });

1 个答案:

答案 0 :(得分:1)

使用update()和redraw()方法:

 $.ajax({
            type: 'POST',
            url: "WebService.aspx?Action=Dashboard",
            context: document.body,
            success: function (response) {

                var arr = $.parseJSON(response);

                var chart = $('#your_chart_id').highcharts();
                chart.series[0].points[0].update(arr);                    

            }
        });

编辑: 首先获得图表参考

编辑: fiddle。 redraw()也不是必需的