echarts 设置x轴间隔显示 interval: 1

本文展示了一个使用ECharts绘制的线图实例,该图表显示了不同区域的数据分布情况。通过配置x轴和y轴的参数,实现了清晰直观的数据展示效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 var myChart12 = echarts.init(document.getElementById('chart12'));
        option12 = {
            color: ['#63AFF9'],
            xAxis: {
                type: 'category',
                data:["示范区", "禹王台区", "龙亭区", "顺河回族区", "鼓楼区", "祥符区", "杞县", "通许县", "尉氏县","兰考县"],
                axisLabel: {
                    interval: 1  //0:表示全部显示不间隔;auto:表示自动根据刻度个数和宽度自动设置间隔个数


                }
            },
            yAxis: {
                type: 'value',
                name: '家'
            },
            series: [{
                data: [80, 32, 90, 34, 129, 133, 130, 200, 16, 150, 188, 178, 156],
                type: 'line'
            }]
        };
        myChart12.setOption(option12)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值