1. 首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. ECharts官网

百度echarts柱状图X轴文字显示不全解决方法

2022年06月14日 14:53:53

因X轴名称太长,有部分会被百度echarts自动隐藏掉!

解决方法:

1、通过rotate斜度,但是不好看;

2、interval=0强制全部显示,但会出现先后文字重叠;

3、formatter配置短标题,再interval=0强制显示。//推荐

xAxis: {
  type: "category",
  axisLabel: {
	formatter: function(params) {
	  if (hospitalNameReplace == true) { //配置是否显示短标题
	  	for (var i = 0; i < hospitalName.length; i++) {
	  	  if (hospitalName[i].name == params) {
	  	  	return hospitalName[i].shortName //显示短标题
	  	  }
	  	}
	  } else {
	  	return params
	  }
	},
	interval: 0,//横轴信息全部显示
	rotate: -45, //倾斜度 -90 至 90 默认为0
	margin: 5, //刻度标签与轴线之间的距离
	textStyle: {
	  fontSize: 14, //横轴字体大小
	  color: "#000",//颜色
	},
  },
}
点击展开全文
下一篇:没有了

Echarts入门