echarts折线图如何画路径

Question

#如何实现echarts折线图每条线段带箭头，且方向和线段的方向一样
想要的效果，如图。红色的箭头是我自己画的，就是这个需求想要达到的效果。

Answer 1

看一下这个，记得采纳哦

var data = [  
    {value: 20, itemStyle: {normal: {borderColor: 'red', borderWidth: 2}}},  
    {value: 40, itemStyle: {normal: {borderColor: 'red', borderWidth: 2}}},  
    {value: 60, itemStyle: {normal: {borderColor: 'red', borderWidth: 2}}},  
    {value: 80, itemStyle: {normal: {borderColor: 'red', borderWidth: 2}}},  
    {value: 100, itemStyle: {normal: {borderColor: 'red', borderWidth: 2}}}  
];  
  
var option = {  
    xAxis: {  
        type: 'category',  
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']  
    },  
    yAxis: {  
        type: 'value'  
    },  
    series: [{  
        data: data,  
        type: 'line',  
        lineStyle: {  
            normal: {  
                width: 2,  
                type: 'dashed',  
                curveness: 0.2  
            }  
        },  
        itemStyle: {  
            normal: {  
                borderWidth: 2,  
                borderColor: 'red'  
            }  
        },  
        symbol: 'none', // 不显示数据点  
        areaStyle: {  
            normal: {  
                color: 'rgba(0,0,0,0.2)'  
            }  
        },  
        markLine: {  
            data: [  
                {type: 'average', name: '平均值'}  
            ]  
        },  
        markPoint: {  
            data: [  
                {type: 'max', name: '最大值'},  
                {type: 'min', name: '最小值'}  
            ]  
        }  
    }]  
};