Pie chart give own class to each segment?

[frankkluytMember]

Is it possible to give a classname to each segment in a Pie chart so that I can style each segment separately?

[DimitarParticipant]

Hello frankkluyt,

Unfortunately, this cannot be achieved. However, you can apply a custom colour scheme to the chart. To see how to do it, please refer to the forum topic Pie chart custom colors.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[frankkluytMember]

Hi Dimitar,

I can’t get the custom color scheme to work with the following code:

// Pie chart 2
$.jqx._jqxChart.prototype.colorSchemes.push({ name: ‘myScheme’, colors: [‘#ffff00’, ‘#ff0000’, ‘#ccff00’, ‘#00ffff’, ‘#aaaaaa’] });
var settings = {
enableAnimations: true,
showLegend: false,
source: initializeTaken,
colorScheme: ‘myScheme’,
seriesGroups:
[
{
type: ‘pie’,
showLabels: false,
series:
[
{
color: “#33769E”,
dataField: ‘percent’,
displayText: ‘Browser’,
labelRadius: 60,
initialAngle: 90,
radius: 116,
centerOffset: 0,
formatSettings: { sufix: ‘%’, decimalPlaces: 1 }
}
]
}
]
};

[DimitarParticipant]

Hi frankkluyt,

Please, remove the color property, which overwrites the colorScheme.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[frankkluytMember]

When I inspect the pie chart it gives this property:

fill=”url(#grdff0000r0_0_1)”

The #ff0000 is from the color scheme, but it comes out like this.

[Author]

Posts