Question

这是我的EChart初始化代码：

let dirName = 'album-1';
// List all the files under the bucket
let files = await bucket.getFiles();
// Filter only files that belong to "folder" album-1, aka their file.id (name) begins with "album-1/"
let dirFiles = files.filter(f => f.id.includes(dirName + "/"))
// Delete the files
dirFiles.forEach(async file => {
    await file.delete();
})

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

我尝试过

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
      }
  ]
};

但是它不起作用。

Answer 1

您正在在itemStyle内编写颜色，该颜色会更改数据点而非行的颜色。应该用lineStyle编写，以更改线条颜色。

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

  }

]

有关lineStyle的更多选项，请参见here

Answer 2

如下图所示，如果您不需要定义线或项目的详细信息（如果是散点图类型），则可以在与数据相同的级别上指定颜色，请输入...等等{{3 }}

ECharts：更改线条颜色

2 个答案: