var data = [
["2000-06-05", 116],
["2000-06-06", 129],
["2000-06-07", 135],
["2000-06-08", 86],
["2000-06-09", 73],
["2000-06-10", 85],
["2000-06-11", 73],
["2000-06-12", 68],
["2000-06-13", 92],
["2000-06-14", 130],
["2000-06-15", 245],
["2000-06-16", 139],
["2000-06-17", 115],
["2000-06-18", 111],
["2000-06-19", 309],
["2000-06-20", 206],
["2000-06-21", 137],
["2000-06-22", 128],
["2000-06-23", 85],
["2000-06-24", 94],
["2000-06-25", 71],
["2000-06-26", 106],
["2000-06-27", 84],
["2000-06-28", 93],
["2000-06-29", 85],
["2000-06-30", 73],
["2000-07-01", 83],
["2000-07-02", 125],
["2000-07-03", 107],
["2000-07-04", 82],
["2000-07-05", 44],
["2000-07-06", 72],
["2000-07-07", 106],
["2000-07-08", 107],
["2000-07-09", 66],
["2000-07-10", 91],
["2000-07-11", 92],
["2000-07-12", 113],
["2000-07-13", 107],
["2000-07-14", 131],
["2000-07-15", 111],
["2000-07-16", 64],
["2000-07-17", 69],
["2000-07-18", 88],
["2000-07-19", 77],
["2000-07-20", 83],
["2000-07-21", 111],
["2000-07-22", 57],
["2000-07-23", 55],
["2000-07-24", 60]
];
var dateList = data.map(function(item) {
return item[0];
});
var valueList = data.map(function(item) {
return item[1];
});
option = {
title: {
left: 'center',
top: '20',
text: '普奥云信息科技有限公司'
},
grid: [{
"top": "10%",
"width": "90%",
"left": "5%",
"height": "75%"
}, {
"top": "10%",
"width": "90%",
"left": "5%",
"height": "75%"
}],
tooltip: {
triggerOn: 'none'
},
xAxis: [{
boundaryGap: false,
data: dateList,
axisPointer: {
label: {
show: true,
formatter: function(val) {
if (val.seriesData[0]) {
//console.log(val.value, val.seriesData[0].data);
}
return val.value
}
},
lineStyle: {
color: "#345fff",
width: 2
},
handle: {
show: true,
size: 30,
margin: 40,
},
value: '2000-06-06',
snap: false,
},
}, {
boundaryGap: false,
data: dateList,
axisPointer: {
label: {
show: true,
formatter: function(val) {
if (val.seriesData[0]) {
//console.log(val.value, val.seriesData[0].data);
}
return val.value
}
},
lineStyle: {
color: "#ff2823",
width: 2
},
handle: {
show: true,
size: 30,
margin: 40,
},
snap: false,
},
gridIndex: 1
}],
yAxis: [{
splitLine: {
show: true
},
}, {
splitLine: {
show: false
},
gridIndex: 1
}],
dataZoom: [{
show: true,
realtime: true,
start: 0,
end: 1000,
xAxisIndex: [0, 1]
}],
series: [{
type: 'line',
showSymbol: false,
data: valueList,
}, {
type: 'line',
showSymbol: false,
data: valueList,
xAxisIndex: 1,
yAxisIndex: 1,
lineStyle: {
normal: {
opacity: 0
}
}
}]
};