使用G2 生成图表时,因为横坐标内容过多,会导致显示不全。如果想显示完整的横坐标有两个方法。
解决方案一: 增加倾角,使文字倾斜显示
解决方案二: 使文字竖排显示
文字倾斜显示
chart.axis('x', {
label: {
offset: 30, // 设置坐标轴文本 label 距离坐标轴线的距离
textStyle: {
textAlign: 'center', // 文本对齐方向,可取值为: start middle end
fill: '#404040', // 文本的颜色
fontSize: '12', // 文本大小
fontWeight: 'bold', // 文本粗细
rotate