ECharts - 折线图 - 图例legend相关问题

图例legend去掉圆点全部显示为直线？

方法一： 查看 Echarts官方提供icon+社区icon

legend: {
    data: [],
    icon:' line', // 图例类型  或者 icon:' roundRect',
    itemWidth: 10, // 线的长度
    itemHeight: 2, // 线的粗细
},

图例部分直线部分虚线（自定义icon图标）

• 1. 查找 svg路径或下载png图片
     
• 2. svg代码举例：

<svg t="1680586937240" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2602" width="200" height="200"><path d="M934.4 490.666667h-51.2a25.6 25.6 0 1 0 0 51.2h51.2a25.6 25.6 0 1 0 0-51.2zM115.2 490.666667h-34.133333a25.6 25.6 0 1 0 0 51.2h34.133333a25.6 25.6 0 1 0 0-51.2zM388.266667 490.666667h-51.2a25.6 25.6 0 1 0 0 51.2h51.2a25.6 25.6 0 1 0 0-51.2zM251.733333 490.666667h-51.2a25.6 25.6 0 1 0 0 51.2h51.2a25.6 25.6 0 1 0 0-51.2zM524.8 490.666667h-51.2a25.6 25.6 0 1 0 0 51.2h51.2a25.6 25.6 0 1 0 0-51.2zM797.866667 490.666667h-51.2a25.6 25.6 0 1 0 0 51.2h51.2a25.6 25.6 0 1 0 0-51.2zM661.333333 490.666667h-51.2a25.6 25.6 0 1 0 0 51.2h51.2a25.6 25.6 0 1 0 0-51.2z" fill="#FF0000" p-id="2603"></path></svg>

方法一：icon为svg

legend: {
    // 查找svg路径，复制svg代码中的path里面的d属性
    //在vue项目中： icon: path://+ path里面的d属性
    data: [
    {name: "实际输出",icon: 'path://M234.666667 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2zM473.6 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2zM934.4 490.666667h-136.533333a25.6 25.6 0 1 0 0 51.2h136.533333a25.6 25.6 0 1 0 0-51.2zM712.533333 490.666667h-153.6a25.6 25.6 0 1 0 0 51.2h153.6a25.6 25.6 0 1 0 0-51.2z'),},
    {name: "未来预测",icon: ''),},
    {name: "历史预测",icon: ''),},
    ],
    // 通过itemWidth和itemHeight来修改icon的大小
    itemHeight: 40,
    itemWidth: 40,
},

方法二：icon为png

legend: {
    //在vue项目中： icon: ('image://' + require("图片路径"))
    data: [
    {name: "实际输出",icon: "image://" + require("@/assets/icons/yuanxing.png"),},
    {name: "未来预测",icon: "image://" + require("@/assets/icons/xuxian.png"),},
    {name: "历史预测",icon: "image://" + require("@/assets/icons/xuxian2.png"),},
    ],
    // 通过itemWidth和itemHeight来修改icon的大小
    itemHeight: 40,
    itemWidth: 40,
},

怎么修改圆点的大小？

legend: {
    data: [],
    itemHeight: 40, // 圆点大小
    itemWidth: 40, // 线的长度
},