echarts图例legend颜色各不相同，图例legend空心圆

电脑版发表于：2023/3/14 10:34

### 代码如下：
```
legend: {
    // x:'right',      //可设定图例在左、右、居中
    // padding:[0,50,0,0], 
    // 只设置距离右边
    right: 70,
    // circle，rect ，roundRect，triangle，diamond，pin，arrow，none,
    //icon:"circle",
    data: [{
        name: "累计评估量",
        // 单独设置图例空心圆，通过设置边框颜色+背景颜色白色实现空心圆
        itemStyle: {
            color: "#fff",
            borderColor: '#F2C52A',
            borderWidth: 1,
        },
        // 单独设置字体颜色
        textStyle: {
            color: "#F2C52A",
        },
    },
    {
        name: "累计实验量",
        itemStyle: {
            color: "#fff",
            borderColor: '23FFFC',
            borderWidth: 1,
        },
        // 单独设置字体颜色
        textStyle: {
            color: "#23FFFC"
        }
    },
    {
        name: "累计项目数",
        // 图例空心圆，通过设置边框颜色+背景颜色白色实现空心圆
        itemStyle: {
            color: "#fff",
            borderColor: '1C8DFF',
            borderWidth: 1,
        },
        textStyle: {
            color: "#1C8DFF"
        }
    }
    ],
    //data: ['累计评估量', '累计实验量', '累计项目数'],
    // textStyle: {
    //     color: "#fff"
    // }
},
```
其实就是要统一设置就直接放到legend下面，要单独设置就放到data集合里边去为每根线单独设置


**legend官方文档：**
https://echarts.apache.org/zh/option.html#legend

忆点点

echarts图例legend颜色各不相同，图例legend空心圆

{{item.title}}