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.
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"); });