Echart使用过的属性总结

本文介绍了如何使用ECharts调整图表的样式,包括坐标轴的颜色与粗细、刻度的间隔与倾斜方向、坐标轴的伸缩设置以及y轴的位置与刻度范围等。

改变坐标轴颜色与粗细:

axisLine: {
                                lineStyle: {//设置轴的颜色
                                    color: '#CD0000',
                                    width: 1,//轴的宽度  
                                }
                            }

改变坐标轴上刻度的间隔与倾斜方向:

axisLabel: {
                        interval: 1,//横轴间隔一个显示  
                        rotate: -30,//-30度角倾斜显示  
                    }

伸缩坐标轴设置:

dataZoom: [{
                type: 'inside',//也可设置为slider,则表现出来
                show: true,
                realtime: true,
                start: 0,
                end: 100
            }],

设置y轴便宜,向右偏移:

offset: 60

设置y轴的刻度范围及刻度间隔:

 min: 0,
 max: 1600,
 interval: 400,

 

转载于:https://www.cnblogs.com/engineerlm/p/7276910.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值