echarts折线图取消折线上圆点,设置线条为虚线,设置第一个点在y轴上,拐点是曲线,线条下加填充区域

置顶嵒碞

于 2018-12-17 15:34:20 发布

阅读量7.3k

点赞数

文章标签： echarts

本文链接：https://blog.csdn.net/weixin_40562026/article/details/85050302

版权

series--->symbol: "none" 取消折线上的圆点

设置线条为虚线


series: [{
        itemStyle:{
            normal:{
                lineStyle:{
                    width:2,
                    type:'dotted' //设置线条为虚线
                }
            }
        }, 
        data: data,
        type: 'line'
        
    }]

默认格式

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
    }]
};

xAxis---->boundaryGap: false 设置第一个点在y轴上,x轴的刻度是一个点

series--->smooth: true 设置拐点是平滑的曲线

series--->areaStyle: {} 设置线条下加填充(echarts官网这么写可以,但是我自己项目这么写没出来)

itemStyle: {
normal: {
areaStyle: {}
}
}

这样写才出来

option = {
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        smooth: true,
        areaStyle: {}
    }]
};