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'
                }
            }
        }
    }]
};
  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

人间清醒小仙女

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值