myChart.hideLoading();
// 指定图表的配置项和数据
option = {
tooltip : {
trigger : 'axis',
axisPointer : { // 坐标轴指示器，坐标轴触发有效
type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
xAxis : {
type : 'value'
},
dataZoom: [
{ yAxisIndex: 0, show:false, type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件 startValue: 0, // 从头开始。 endValue: 4 // 一次性展示五个。 }
],
yAxis : {
type : 'category',
data : data.xData
},
series : [ {
name : '生产',
type : 'bar',
barGap : '-100%',
label : {
normal : {
show : false,
position : 'insideRight'
}
},
data : data.productData
}, {
name : '连接',
type : 'bar',
label : {
normal : {
show : false,
position : 'insideRight'
}
},
data : data.linkData
}, {
name : '在线',
type : 'bar',
label : {
normal : {
show : false,
position : 'insideRight'
}
},
data : data.onlineData
}
]
};
myChart.setOption(option);
// 定时器
setInterval(function() {
// 每次向后滚动一个，最后一个从头开始。 if(option.dataZoom[0].endValue == data.xData.length - 1){ option.dataZoom[0].endValue = 4; option.dataZoom[0].startValue = 0; }else{ option.dataZoom[0].endValue = option.dataZoom[0].endValue + 1; option.dataZoom[0].startValue = option.dataZoom[0].startValue + 1; } myChart.setOption(option);
}, 3000);
