ECharts：更改线条颜色

Question

这是我的 EChart 初始化代码：

var option = {
tooltip : {
      trigger: 'axis'
  },
  calculable : true,
  xAxis : [
      {
          type : 'category',
          boundaryGap : false,
          data : cat
      }
  ],
  yAxis : [
      {
          type : 'value'
      }
  ],
  series : [
      {
          name:'Series 1',
          type:'line',
          smooth:true,
          itemStyle: {normal: {areaStyle: {type: 'default'}}},
          data:val
      }
  ]
};

该行显示为区域（正确）并以红色着色（我认为默认情况下，我没有在代码中添加任何内容）。 如何更改图表线条的颜色？

我试过

itemStyle: {normal: {areaStyle: {type: 'default'}}, color: '#d5ceeb'},

但它不起作用。

Answer 1

您正在 itemStyle 内写入颜色，它会更改数据点的颜色，而不是线条。 它应该写在 lineStyle 中，以便更改线条颜色。

series : [
  {
      name:'Series 1',
      type:'line',
      smooth:true,
      itemStyle: {normal: {areaStyle: {type: 'default'}}},
      data:val
      lineStyle: {color: '#d5ceeb'}

  }

]

有关 lineStyle 的更多选项，请参阅此处

Answer 2

如下图所示，如果您不需要定义行或项目的详细信息（以防散点图类型），可以在与数据相同的级别上指定颜色，类型...等