Echarts折线图配置虚线1.开发环境vue+echarts2.电脑系统windows10专业版3.在开发过程中,我们经常使用echarts来画图,现在分享一下,如何使用折线图配置虚线?效果如下:4、配置代码如下:yAxis:{type:"value",min:a.echartsObj.echartsZhuMin,max:a.echartsObj.echartsZhuMax,interval:(a.echartsObj.echartsZhuMin+a.echartsObj.echartsZhuMax)/2,splitLine:{//GridlineStyle:{type:"dashed",//设置网格线类型dotted:dottedlinesolid:solidlinewidth:4,},show:true,//隐藏orshow},},5整体配置代码如下:this.Chenoptionzhe={title:{text:"ECharts入门示例2",},tooltip:{trigger:"axis",},xAxis:{类型:“类别”,数据:[“星期一”,“星期二”,“星期三”,“星期四”,“星期五”,“星期六”,“星期日”,“”],显示:假,},yAxis:{type:"value",min:a.echartsObj.echartsZhuMin,max:a.echartsObj.echartsZhuMax,interval:(a.echartsObj.echartsZhuMin+a.echartsObj.echartsZhuMax)/2,splitLine:{//网格线lineStyle:{type:"dashed",//设置网格线类型dotted:dottedlinesolid:solidlinewidth:4,//color:"red"},show:true,//hideorshow},},series:[{//数据:[820,932,901,934,1290,1330,1320],数据:a.echartsObj.echartsZhuArr,type:"line",},],};6.本期教程到此结束,是不是很不错,希望大家多多帮助,让我们一起努力,再创高峰!
