var option1 = {
tooltip: {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type: 'shadow', // 默认为直线,可选为:'line' | 'shadow'
}
},
dataZoom: [
{
type: "inside" // 鼠标内部可以滑滑轮展示伸缩效果
}
],
legend: {
inactiveColor: '#666',
textStyle: {
color: '#000000A6'
},
data: []
},
// 距离容器四周的距离
grid: {
left: 60,
top: 40,
right: 40,
bottom: 30,
},
xAxis: {
name: '日期',
splitLine: {
show: false,
},
axisLine: {
show: true,
lineStyle: {
color: ['#000000A6'],
}
},
axisTick: {
inside:true,
},
boundaryGap: true,
type: 'category',
data: this.echartTime
},
yAxis: {
name: '数量',
minInterval:1, // 强制将坐标轴的坐标设置为1
nameTextStyle: {
fontSize: 15,
color: '#000000A6'
},
splitLine: {
show: true,
lineStyle: {
color: '#000000A6',
type : 'dotted'
},
},
axisLine: {
show: true,
lineStyle: {
color: ['#000000A6'],
}
},
axisTick: {
show: true,
inside:true,
color: ['#000000A6'],
},
type: 'value',
show: true,
},
series: [
{
name: '视频数量',
type: 'bar',
itemStyle: {
normal: {
color: '#f5ad46'
}
},
barWidth: 20,
data: this.echartIndividual
},
]
};