echarts图表配置参数(1)

axisLabel: {

formatter: function(value) {

return value.split(‘’).join(‘\n’) //将标签竖排显示，将字符串中每个字符都用回车分隔开

}

}

3.y轴刻度标识显示不全

y轴刻度显示不全，调整图表大小和外边盒子大小都不起作用

在此要通过属性实现，有两个方法

·grid绘图区调整

grid为直角坐标系内绘图网格，可以在网格上绘制图表

可通过设置grid组件的 top、bottom、left、right 等属性来设置grid组件距离窗口上下左右的距离

通过 width height 等设置组件宽高

grid: {}

left: 50

}

也可通过x y属性来设置留白位置

grid: {

x: 60, //左留白

y: 80, // 上留白

x2: 12, // 右留白

y2: 15 // 下留白

}

·刻度标签与轴线之前的距离

axisLabel.margin 刻度标签与轴线之前的距离

yAixs: {

axisLabel: {

margin: 50

}

}

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.图表区域线条颜色等