如何自定義 ExtJS.chart.PieChart 各分塊的顏色

ExtJS 對其 Chart 的文檔一直是語焉不詳， 所以也一直沒有從其文檔中找到自定義 ExtJS.chart.PieChart 各個分塊顏色的方法， 通過查找 YUI Chart 的文檔（ ExtJS 的 chart 就是 YUI Chart），終于找到了自定義各個分塊顏色的方法。

ExtJS 對其 Chart 的文檔一直是語焉不詳， 所以也一直沒有從其文檔中找到自定義 ExtJS.chart.PieChart 各個分塊顏色的方法， 通過查找 YUI Chart 的文檔（ ExtJS 的 chart 就是 YUI Chart），終于找到了自定義各個分塊顏色的方法，通過設置 series 的樣式可以實現，代碼如下：

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 的文檔 。