Hello,
I'm trying to apply some styling to a pie chart, like changing text color and font size of the slice labels, translating the legend and similar. Since the elements of the resulting svg have no id attribute (so that I could use it to apply certain styles), I had to analyse the svg and use this approach:
<style type="text/css">
g[transform="translate(0,10)"] text {fill: white !important; font-size: 18pt;}
g[transform="translate(0,10)"] {transform: translate(0px, 0px) scale(0.65);}
g[transform="translate(300, 20)"] text {font-size: 8pt}
g[transform="translate(300, 20)"] {transform: translate(196px, 55px) scale(1.3);}
</style>
It would be good to add the possibility to change font size and colors of labels/legend items.
Hello,
I'm trying to apply some styling to a pie chart, like changing text color and font size of the slice labels, translating the legend and similar. Since the elements of the resulting
svghave noidattribute (so that I could use it to apply certain styles), I had to analyse thesvgand use this approach:It would be good to add the possibility to change font size and colors of labels/legend items.