javascript - 在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'
}

这是一个 fiddle ，显示了 4.2.0 的实际情况:http://jsfiddle.net/aPn3s/1/