在extjs 4.2中设置行系列图表中行的颜色

Question

我试图在extjs图表中为线系列设置自定义颜色。

事情是颜色只受到点的影响，而不是整个线。

我在线系列中使用渲染器配置来实现此目的。

以下是代码段：

{
  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
       });
  }
}

出现的方式如下：

我该怎样做才能更改线条颜色？

Answer 1

您可以在系列配置中尝试以下样式：

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

这是一个小提琴，用4.2.0显示了这一点：http://jsfiddle.net/aPn3s/1/