option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {name: '坐標軸名稱',nameTextStyle: {},// y軸名稱的樣式type: 'value',inverse: false,// 把x軸y軸整體旋轉180度boundaryGap: ['20%', '50%'],// 坐標軸兩邊留白策略 [左右，上下]// 控制坐標軸展示系列文字還是具體數字value是數字splitLine: {lineStyle: {type: 'dashed' // y軸分割線類型}},axisLine: {// 標軸軸線相關設置。symbol: 'arrow', // 坐標軸兩邊的圖表類型，不寫默認沒有lineStyle: {type: 'dashed' // 坐標軸的分割線類型還有其他關于軸線的樣式自行開發吧}},axisTick: {interval: 200},min: 0,max: 2000,// 強行設置最大值，可以達到上方留白的效果splitNumber: 4,// 想要分隔的段數// interval: 400, // 強制設置坐標軸分割間隔就是隔多少分一份。},series: [{data: [820, 932, 901, 934, 1290, 1330, 1320],type: 'line',itemStyle: {// 或者可以在這里設置normal: {lineStyle: {// 重點type:'dotted'}}}}] };

總結

以上是生活随笔為你收集整理的echarts折线图常见配置项 分割线虚线样式 显示y轴符号 设置间隔的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。