echarts x和数据对应_echars折线图如何让x轴的数据与series数据不对应?

在ECharts中,遇到一个X轴显示7条数据,而series需要展示100多条数据的情况。当前图表每个X轴数据对应一个series数据,需求是让所有100多条数据都能完整展示。通过调整ECharts配置,如boundaryGap和数据映射,可以实现这一目标。
摘要由CSDN通过智能技术生成

x轴显示7条数据,series需要显示100多条数据,

在页面上显示成这样

貌似是一个x数据对应一个series数据,怎样让100多条数据全部展示呢?

`xAxis: [

{

boundaryGap: false, // 坐标的刻度是否在中间

data: this.testOpinionData, //数据

axisLine: { // 坐标轴线条相关设置(颜色等)

lineStyle: {

color: '#0e2a60'

}

},

show:false,

axisTick: { // 坐标轴刻度相关设置

length: '0' // 长度设置为0

},

axisLabel: { // 坐标轴刻度标签

margin: 6, // 刻度标签与轴线之间的距离

fontSize: '12',

color: '#ffffff'

},

splitLine: { // 坐标轴分割线。默认数值轴显示,类目轴不显示

show: false,

lineStyle: {

color: '#0e2a60'

}</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值