Ann,
Rob’s snippet does work for the funnel chart. I think you just need to make sure that you set the colors for the chart in the page builder. Then the first color becomes ‘ind=0’, the second color is ‘ind=1’; etc.
Here is a sample page.
Thanks,
Bill
#ff0000 #00ff00 #0000ff #ff00ff #ffff00 #330033 #220011 #81d4fa #9575cd #5c6bc0 #5677fc #039be5 #512da8 #283593 var chartObj = arguments[0], $ = skuid.$;s = chartObj.series;
ind = 0,
//for each series entry grab series id. Based on id value set ind variable.
$.each(s, function (i, s){
switch(s.id) {
case “Prospecting”: ind = 0; break;
case “Qualification”: ind = 1; break;
case “Needs Analysis”: ind = 2; break;
case “Value Proposition”: ind = 3; break;
case “Id. Decision Makers”: ind = 4; break;
case “Perception Analysis”: ind = 5; break;
case “Proposal/Price Quote”: ind = 6; break;
case “Negotiation/Review”: ind = 7; break;
case “Invoice”: ind = 8; break;
case “Closed Won”: ind = 9; break;
case “Closed Lost”: ind = 10; break;
default: ind = 10;
}
// update series index number and color index with ind variable.
$.extend(true, chartObj.series[i],{
index: ind,
_colorIndex: ind
});
})
$.extend(true, chartObj.plotOptions,{
funnel: {
dataLabels: {
format: “{point.name}: ${point.y:,.0f}.00”,
enabled: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || ‘black’,
}
}
});
console.log(chartObj);