日期:2014-05-16  浏览次数:20463 次

Extjs PieChart如何使用自定义颜色

当创建一个piechart的时候,首先会使用ext默认的颜色,如果想使用自定义颜色,只需加入红色部分代码,即可实现

var chartPanel = new Ext.Panel({
??????iconCls : 'chart',
??????frame : true,
??????title : '仓库货物数量',
??????flex : 3,
??????items : {
??????xtype : 'piechart',
??????store : this.chartStore,
??????dataField : 'num',
??????categoryField : 'name',
??????
series:[{
????????style:{
?????????colors:["#ff2400", "#94660e"]
????????}
???????}],
??????extraStyle : {
????????legend : {
????????display : 'right',
????????padding : 5,
????????font : {
??????????family : 'Tahoma',
??????????size : 9,
??????????bold : true
?????????}
????????},
????????background : {
?????????color : '#e2c2de'
????????}
???????}
??????}
?????});