1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > echarts折线图取消折线上圆点 设置线条为虚线 设置第一个点在y轴上 拐点是曲线 线

echarts折线图取消折线上圆点 设置线条为虚线 设置第一个点在y轴上 拐点是曲线 线

时间:2019-11-22 19:20:29

相关推荐

echarts折线图取消折线上圆点 设置线条为虚线 设置第一个点在y轴上 拐点是曲线 线

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: {}}]};

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。