Series Color on Button Click
Example to change series color
HTML
<div id="container" style="height: 400px; min-width: 600px"></div>
<button id="button">Change Color</button>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script type="text/javascript" src="http://www.highcharts.com/samples/data/three-series-1000-points.js"></script>
JavaScript
$(function() {
var chart = new Highcharts.StockChart({
chart: {
renderTo: 'container'
},
scrollbar: {
enabled: true
},
navigator: {
enabled: true
},
rangeSelector: {
selected: 1
},
series: [{
name: 'Sample',
data: MSFT
},
{
name: 'Samplesity',
data: MSFT
}]
});
$('#button').click(function() {
chart.series[0].graph.attr('stroke', '#f3e07b');
});
});