echarts折线图常见配置项 分割线虚线样式 显示y轴符号 设置间隔

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轴符号 设置间隔的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。