2013-10-11 95 views
1

我試圖爲extjs圖表中的直線系列設置自定義顏色。爲extjs 4.2中的直線系列圖表中的線條設置顏色

事情是顏色只受到點影響,而不是整條線。

我正在使用系列渲染器配置來實現此目的。

這裏是代碼片段:

{ 
    type: 'line', 
    axis: 'left', 
    //fill: true, 
    //fillOpacity: 0.5, 
    xField: 'month', 
    yField: 'plan_cost', 
    renderer: function (sprite, record, attr, index) { 
     var color = '#faf56c';//RED COLOR 

     return Ext.apply(attr, { 
      fill: color 
     }); 
    } 
} 

這是怎麼出現的:

enter image description here

我應該怎麼做來改變線的顏色嗎?

回答

1

你可以嘗試在你的線串聯配置以下樣式:

style: { 
    stroke: '#ff0000', 
    fill: '#ff0000' 
} 

這裏顯示了動作中的一撥弄4.2.0:http://jsfiddle.net/aPn3s/1/

+0

感謝您的解決方案:)我得到改變現在行的顏色,再次感謝。 – Harshrossi

相關問題