在 extjs 4.2 中为折线系列图中的线条设置颜色答案

【问题标题】：Setting color for the line in line series chart in extjs 4.2在 extjs 4.2 中为折线系列图中的线条设置颜色
【发布时间】：2013-10-11 09:49:17
【问题描述】：

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

问题是颜色只影响点而不影响整条线。

我正在使用系列渲染器配置来实现这一点。

这里是sn-p的代码：

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

它是这样出现的：

我应该怎么做才能改变线条颜色？

【问题讨论】：

标签： javascript extjs charts extjs4.2

【解决方案1】：

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

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

这是一个在 4.2.0 中展示此功能的小提琴：http://jsfiddle.net/aPn3s/1/

【讨论】：

感谢您的解决方案 :) 我现在可以更改线条的颜色，再次感谢。