YUI3 Chart Selected State Workaround

YUI3 Chart Selected State Workaround

var selectedMarker; //reference to highlighted marker
outchart.subscribe("markerEvent:click", function(e) {
    var series = e.series, //will need series to get markers array 
        index = e.index, //index of the marker in the series' marker array
        markers = series.get("markers"), //array of marker for the series
        marker = markers[index], //get the marker from the markers array
        selectedSeriesIndex, //will be used to determine the series of the selectedMarker 
        selectedSeries, //series of the selectedMarker
        color; //default color for the selectedMarker
    if(selectedMarker)
    {
        selectedSeriesIndex = selectedMarker.node.getAttribute("id").split("_")[1];
        selectedSeries = outchart.getSeries(parseInt(selectedSeriesIndex, 10));
        color = selectedSeries.get("styles").marker.fill.color;
        selectedMarker.update({fill: { color: color}});
    }
    marker.update({fill:{color:"#f00"}});//update the marker's color
    selectedMarker = marker; //update the selectedMarker to reflect changes
});

//reset the the marker to you selected color after a mouseout
outchart.after("markerEvent:mouseout", function(e) {
    if(selectedMarker)
    {
        selectedMarker.update({fill: {color:"#f00"}});
    }
});