ExtJS 對其 Chart 的文檔一直是語焉不詳， 所以也一直沒有從其文檔中找到自定義 ExtJS.chart.PieChart 各個分塊顏色的方法， 通過查找 YUI Chart 的文檔（ ExtJS 的 chart 就是 YUI Chart），終於找到了自定義各個分塊顏色的方法，通過設置 series 的樣式可以實現，代碼如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
var
pie = Ext.create({
width: 220,
height: 132,
store: store,
xtype:
'piechart'
,
series: [
{
categoryField:
'name'
,
dataField:
'visits'
,
style: {
colors: [
'#FFFF00'
,
'#FFCC00'
,
'#FF9900'
,
'#FF6600'
,
'#FF3300'
,
'#FF0000'
,
'#660000'
,
'#663300'
]
}
}
]
});
pie.render(
'pie-container-id'
);
|
 |
 |
| 之前的效果 | 之后的效果 |
當然，其它類型的 chart 也可以通過這種方式進行設置。
ExtJS chart 完整的文檔請參考 YUI Chart 的文檔 。
from：http://www.cnblogs.com/beginor/archive/2009/11/22/1608034.html