echarts中seriess数据量大的展示问题

Question

问题遇到的现象和发生背景

是这样的现在X轴的刻度为12个，但是想要展示的数据却是70多个，如何处理

xAxis: [{
type: "category",
data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
splitNumber: 3
}],
yAxis: [{
type: "value"
}],
series: [{
name: "直接访问",
type: "bar",
barWidth: "60%",
data: [1,2,3,4,5,6,7,8,9,10,12,12,13,141,12,3,321,213,213]
}]

Answer 1

echarts里面有专门处理大数据得图表 数据集 当让 你也可以加上一个属性

{
title:[{
text:'总单数(各个商户占比)',
left:'2%',
top:'1%',
textStyle:{
fontSize:18,
fontWeight:700,
}
},{
show: this.countBrandShopData.countList.length ? false : true,
subtext:'暂无数据',
subtextStyle:{
color:'#bbb',
fontWeight:350,
fontSize:25
},
left:'40%',
top:'40%'
}],
tooltip: {
trigger: 'item',
extraCssText:'height:60px;'
},
grid: {
bottom: 90
},
dataZoom: [
{
type: 'inside'
},
{
type: 'slider'
}
],
xAxis: {
silent: false,
splitLine: {
show: false
},
splitArea: {
show: false
},
data: this.countBrandShopData.countList
},
yAxis: {
splitArea: {
show: false
}
},
series: [
{
type: 'bar',
itemStyle: {
color: '#81F4D5'
},
data: this.countBrandShopData.countList,
large: true
}
]
}
可以直接用我这个配置 你把数据源改一下就ok