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

如下圖所示，如果您不需要定義行或項目的詳細信息（以防散點圖類型），可以在與數據相同的級別上指定顏色，類型...等