+
+This example shows how to access a Chart instance's seriesCollection after the Chart has rendered.
+
+
+
+
+
+Update Series of a Chart Instance After It has Rendered.
+
+
+You can update a series after the Chart has rendered through the getSeries method. This method returns a reference to a series instance based on either the
+instance's seriesCollection index or the key value associated with the value data of the series. This example uses the value key of each series to update the fill color,
+border color and border weight of its markers.
CSS
+#mychart {
+ margin:10px 10px 10px 10px;
+ width:90%;
+ max-width: 800px;
+ height:400px;
+}
+
+
+HTML
+<div id="mychart"></div>+ + +
JavaScript
+YUI().use('charts', function (Y)
+{
+ var myDataValues = [
+ {category:"Q1", expenses:137000, revenue:532200},
+ {category:"Q2", expenses:211000, revenue:689100},
+ {category:"Q3", expenses:151000, revenue:521500},
+ {category:"Q4", expenses:163000, revenue:892650}
+ ];
+
+ var mychart = new Y.Chart({type:"bar", dataProvider:myDataValues, render:"#mychart"});
+
+ //Click handler
+ Y.on("click", function(e) {
+ var seriesName = Y.one("#seriesSelector").get("value"),
+ fillColor = Y.Escape.html(Y.one("#fillColor").get("value")),
+ borderColor = Y.Escape.html(Y.one("#borderColor").get("value")),
+ borderWeight = parseFloat(Y.one("#borderWeight").get("value")),
+ series,
+ marker = {fill:{}, border:{}};
+ if(seriesName)
+ {
+ series = mychart.getSeries(seriesName);
+ if(fillColor)
+ {
+ marker.fill.color = fillColor;
+ }
+ if(borderColor)
+ {
+ marker.border.color = borderColor;
+ }
+ if(!isNaN(borderWeight))
+ {
+ marker.border.weight = borderWeight;
+ }
+ series.set("styles", {marker:marker});
+ }
+ }, "#updateSeries");
+});
+
+