1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > echarts折线图:X Y轴单位 去掉折线点

echarts折线图:X Y轴单位 去掉折线点

时间:2022-11-05 11:05:48

相关推荐

echarts折线图:X Y轴单位 去掉折线点

先看下实现之后的效果图:

①:x轴每个数据都带单位:(y轴同理)

xAxis: {show:true,type: 'category',boundaryGap: true,data: ['1', '2', '3', '4', '5', '6', '7',"8","9","10","11","12"],axisLabel: {// 每个数据后面都会带有单位formatter:'{value}月'}},

②:x轴只是最后带单位:

xAxis: {show:true,type: 'category',boundaryGap: true,data: ['1', '2', '3', '4', '5', '6', '7',"8","9","10","11","12"],name:"月"},

去掉折线点

//区别://去掉折线点 当鼠标滑入的时候也没有//symbol:"none",//去掉折线点 当鼠标滑入的时候也有折线点showSymbol:false,

全部代码:

option = {title: {text: '项目任务执行情况'},tooltip: {trigger: 'axis',// 标签里面的单位// formatter: '{a0}:{c0}个'},legend: {data: ['邮件营销', '联盟广告', '视频广告'],// 去掉图例和文字show:false},grid: {left: '3%',right: '4%',bottom: '3%',containLabel: true},toolbox: {feature: {saveAsImage: {}}},xAxis: {show:true,type: 'category',boundaryGap: true,name:"月",data: ['1', '2', '3', '4', '5', '6', '7',"8","9","10","11","12"],axisLabel: {// 每个数据后面都会带有单位// formatter:'{value}月'}},yAxis: {type: 'value',name:"个",axisLabel: {// formatter:'{value}个'},//背景网格为虚线splitLine: {show: true,lineStyle: {type: 'dashed'}}},series: [{name: '邮件营销',type: 'line',stack: '总量',showSymbol:false,// symbol:"none",data: [120, 132, 101, 134, 90, 90, 210,40,30,50,100,130]},{name: '联盟广告',type: 'line',stack: '总量',showSymbol:false,// symbol:"none",data: [220, 182, 191, 234, 290, 290, 210,40,30,50,60,80]},{name: '视频广告',type: 'line',stack: '总量',showSymbol:false,// symbol:"none",data: [150, 232, 201, 154, 190, 190, 410,200,120,130,140,40]}]};

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