echarts图表配置参数

axisLabel属性为x y轴坐标轴刻度标签的相关设置(xAxis.axisLabel / yAxis.axisLabel)

*axisLabel常用属性

. axisLabel.show 是否显示刻度标签

. axisLabel.interval 坐标轴刻度标签的显示间隔

. axisLabel.inside 刻度标签是否朝内,默认朝外

. axisLabel.rotate 刻度标签旋转的角度,在标签显示不下的时候可对标签进行旋转防止重叠

. axisLabel.formatter 刻度标签的内容格式器

. axisLabel.color(fontize/fontStyle/align/lineHeight/backgroundColor) 刻度标签常用css样式设置

4.图表区域线条颜色等

·areaStyle 区域填充颜色
·lineStyle 线条颜色
·itemStyle 折线点颜色

series: [{

// 折线区域颜色

areaStyle: { color: ‘#0c229f45’},

// 折线线条颜色

lineStyle: { color: ‘#0c229f45’},

// 折线点颜色(散点图颜色描边等样式)

itemStyle: { color: ‘#0c229f45’}

}]

5.图表上文本标签设置 label.normal

series: [{

label: {

normal: {

show: true, // 是否显示

position: top, //值还可以是(/left/right/inside/insideTop,[50%, 50%]相对图形左上角的位置)

distance: 30,// 当positon值为’top’等有效

rotate: 30, // 旋转角度

offset: true, //文字偏移量

formatter: function(val) {

var strs = val.name.split

  • 26
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值