I'm just about done on my coding with highcharts short term obvious bugs withstanding), and it's not been too steep a learning curve (this project has meant delving more into JS than I'm normally used to, and learning about jQuery, jQueryUI and HighCharts)...
I currently am working with this jQuery UI interface, where we display a list of 'things' (trackable web page assets) and show aggregate figures in the chart for each in the multi series chart:
I'm trying to figure out how to programmatically select a line chart to make it stand out from the other lines, and I thought this code should work:
Code: Select all
line: {
states: {
select: {
enabled: true,
linewidth: 3
}
Code: Select all
function highlightChartSeries(seriesName) {
// Iterate the available series and select the one we want, and de-select everything else
for (var seriesCount = 0; seriesCount < chart.series.length; seriesCount++) {
if (chart.series[seriesCount].name == seriesName) {
chart.series[seriesCount].selected = true;
}
else {
chart.series[seriesCount].selected = false;
}
}
}
Thank you!