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

这是一个使用 4.2.0 显示此操作的小提琴：http: //jsfiddle.net/aPn3s/1/