echarts折线图常见配置项 分割线虚线样式 显示y轴符号 设置间隔
生活随笔
收集整理的這篇文章主要介紹了
echarts折线图常见配置项 分割线虚线样式 显示y轴符号 设置间隔
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {name: '坐標(biāo)軸名稱(chēng)',nameTextStyle: {},// y軸名稱(chēng)的樣式type: 'value',inverse: false,// 把x軸y軸整體旋轉(zhuǎn)180度boundaryGap: ['20%', '50%'],// 坐標(biāo)軸兩邊留白策略 [左右,上下]// 控制坐標(biāo)軸展示系列文字還是具體數(shù)字value是數(shù)字splitLine: {lineStyle: {type: 'dashed' // y軸分割線類(lèi)型}},axisLine: {// 標(biāo)軸軸線相關(guān)設(shè)置。symbol: 'arrow', // 坐標(biāo)軸兩邊的圖表類(lèi)型,不寫(xiě)默認(rèn)沒(méi)有l(wèi)ineStyle: {type: 'dashed' // 坐標(biāo)軸的分割線類(lèi)型還有其他關(guān)于軸線的樣式自行開(kāi)發(fā)吧}},axisTick: {interval: 200},min: 0,max: 2000,// 強(qiáng)行設(shè)置最大值,可以達(dá)到上方留白的效果splitNumber: 4,// 想要分隔的段數(shù)// interval: 400, // 強(qiáng)制設(shè)置坐標(biāo)軸分割間隔就是隔多少分一份。},series: [{data: [820, 932, 901, 934, 1290, 1330, 1320],type: 'line',itemStyle: {// 或者可以在這里設(shè)置normal: {lineStyle: {// 重點(diǎn)type:'dotted'}}}}]
};
總結(jié)
以上是生活随笔為你收集整理的echarts折线图常见配置项 分割线虚线样式 显示y轴符号 设置间隔的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Android EditText 监听回
- 下一篇: 【修仙境界】等级划分