Dynamische Aktualisierung von Highcharts über setData für Yii-Highcharts Widget - yii, highcharts, yii-extensions

Ist es möglich, ein Highcharts-Diagramm über die Schaltfläche zu aktualisieren? chart.series[i].setData Methode, wenn das Diagramm von der Erweiterung Yii erstellt wurde? Ich habe zuvor Highcharts ohne Yii-Erweiterung verwendet und kann auf meine Variablen verweisen, sobald ich die Grafik über die deklarierte Variable eingerichtet habe var chart = .... Ich möchte nur die setData-Methoden für ein von Yii erstelltes Highchart aufrufen können. Dies ist der aktuelle Code zum Erstellen eines Charts:

$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"],
)
));

Mein Ajax-Aufruf zur Aktualisierung des Diagramms:

"$("#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
}
});
});",

Vielen Dank im Voraus. Andy

Antworten:

"$("#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
}
});
});",

in Bezug auf http://api.highcharts.com/highcharts#Series.setData

und Beispiel aus diesem Artikel http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-setdata/