通过 setData 为 Yii 创建的 Highcharts Widget 动态更新 highcharts答案

【问题标题】：Dynamically update highcharts via setData for Yii-created Highcharts Widget通过 setData 为 Yii 创建的 Highcharts Widget 动态更新 highcharts
【发布时间】：2014-04-08 22:16:25
【问题描述】：

如果图表是由 Yii 扩展创建的，是否可以使用 chart.series[i].setData 方法更新 highcharts 图表？我之前使用过没有 Yii 扩展的 highcharts，并且一旦我通过声明的变量 var chart = ... 设置图表就可以引用我的变量。我只是希望能够为 Yii 创建的 highcharts 调用 setData 方法...这是当前创建图表的代码：

$this->Widget('ext.highcharts.HighchartsWidget', array(
    'id' => 'shop_pie',
    'options' => array(
        'chart' => array(
            'backgroundColor' => '#efefef'
        ),
        'colors' => $colors,
        'title' => array('text' => 'Shop'),
        'plotOptions' => array(
            'pie' => array(
            'showInLegend' => 'true',
            'dataLabels' => array(
                'formatter' => 'js:function(){return this.point.y}',
                'distance' => -10,
                'color' => '#000'
            ),
        ),
        'series' => $results['series'],
    )
));

我的 ajax 调用来更新图表：

"$('#city_filter').on('change',function(e) {
    $.ajax({
        url: ". $quotedUrl . ",
        data: { 'cities': e.val },
        success: function(data) {
            $('#name_span').text(data[0]);
            //chart.series[0].setData(data[1]); // THIS IS WHERE I NEED TO BE ABLE TO REFERENCE THE CHART
        }
    });
});",

提前非常感谢。安迪

【问题讨论】：

您是否在控制台中收到任何错误？

标签： yii highcharts yii-extensions

【解决方案1】：

"$('#city_filter').on('change',function(e) {
    $.ajax({
        url: ". $quotedUrl . ",
        data: { 'cities': e.val },
        success: function(data) {
            $('#name_span').text(data[0]);
            var chart = $('#shop_pie').highcharts();
            chart.series[0].setData(data[1]); // THIS IS WHERE I NEED TO BE ABLE TO REFERENCE THE CHART
        }
    });
});",

指的是 http://api.highcharts.com/highcharts#Series.setData

以及该文章中的示例 http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-setdata/

【讨论】：