Forums

I have a basic pie chart showing (based on this example: http://developer.yahoo.com/yui/examples ... egend.html), and now I am trying to change the colors of the wedges in the chart. Based on what I can see in the documentation and in some other examples on the web, it looks like I need to set my colors via the "series" attribute, like so:

series: [{style:{colors:[0x953030, 0xFF8C40, 0xFFDB59, 0x8DC63F, 0xFFFFFF]}}]

When I add this attribute to the collection passed as the last parameter to new YAHOO.widget.PieChart, my pie chart stops displaying. If I remove this attribute, then the chart displays again.

I've looked my code up and down looking for a syntax error that might cause the Flash control to not display the chart, but I don't see anything wrong. Also, no Javascript errors are being reported by Firebug. I am using version 2.8.0r4.

Is this the correct way to specify wedge colors for the pie chart? If not, what is the correct way?

Thanks,
Denis

Thanks,

I was able to take the pie chart example, set the colors the way you show, and get it to work in my browser. So, now I'm digging into what is different when trying to do the same thing within my web app. Once I nail down the difference, I'll post my findings here.

Setting colors should have only taken a few minutes to do, has burned half a day so far...

Denis

i have same question, if i use prototype.js link
just use page test :
yui/examples/charts/charts-legend_clean.html

<!-- 一旦引用了prototype.js chart series样式就掛了 -->
<script type="text/javascript" src="../../build/prototype.js"></script>

var mychart = new YAHOO.widget.PieChart( "chart", opinionData,
{
dataField: "count",
categoryField: "response",
series: [{style:{colors:[0x953030, 0xFF8C40, 0xFFDB59, 0x8DC63F, 0x00FFFF]}}],
style:
{
padding: 20,
legend:
{
display: "right",
padding: 10,
spacing: 5,
font:
{
family: "Arial",
size: 13
}
}
},
//only needed for flash player express install
expressInstall: "assets/expressinstall.swf"

});


no customer color style ;

if remove prototype.js link , will show .

HOW?

Thanks.

Thanks, it work success.

谢谢！