echart 柱状图 添加svg小图标

1 创建箭头符号及数据:

        function drawTriangleSymbol(data){
            // 绘制三角形
            let triangle = 'path://M0 0 L2 0 L1 3 Z'
            let result = data.map((v) => ({   
                value: v,
                symbol: `${triangle}`, 
                itemStyle: {
                    normal: {
                        color: '#FFFFFF'
                    }
                },
                symbolPosition: 'end',  // 在数据结尾显示
                symbolSize: [7, 7],     // 「大小」
                symbolOffset: [5, -15], //「偏移量」
            }))
            return result
        }

这里的svg path可以是其他任意的路径，可自行尝试。 

2  添加一个series对象

                // 小箭头
                {
                    z: 6,
                    type: "pictorialBar",
                    data: seriesData0
                }

3 全部代码