echarts x轴下增加一组数据的实现方法

发布时间:2024年01月12日

实现效果:

在这里插入图片描述

关键代码

xAxis: [
						{
						  type: 'category',
						  axisTick:{
							show: false
						  },
						  axisLine:{
							show: false
						  },
						  axisLabel:{
							align:'center',
						  },
						  data: ['9-w2', '9-w3', '343','9-w2', '9-w3', '343']
						},
						{
						  type: 'category',
						  name: '排比变化',
						  nameTextStyle: {
							  verticalAlign: "left",
							  padding:[24,0,0,0]
						  },
						  nameLocation: 'start',
						  position: 'bottom',
						  offset: 18,
						  axisPointer: {
							type: 'none'
						  },
						  axisTick:{
							show: false
						  },
						  axisLine:{
							show: false
						  },
						  axisLabel: {
							interval:0,
							align: 'center'
						  },
						  splitLine: {           // 新增代码,设置分隔线样式
							show: false,
							lineStyle: {
							  type: 'dashed',
							  color: '#999',
							  width: 1
							}
						  },
						  data: ['9-w23', '9-ww3', '343','9-w2', '9-w3', '343']
						}
					  ]
文章来源:https://blog.csdn.net/sinat_33255495/article/details/135554811
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。