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 refere here的更多选项