option = {
title: {
text: 'Awesome Chart'
},
xAxis: {
data: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J']
},
yAxis: {},
dataZoom: [{
show: true,
realtime: true,
start: 0,
end: 70,
// filterMode: 'none',
}],
series: [{
type: 'line',
data: [220, 182, 191, 234, 290, 330, 310, 200, 300, 400],
// markLine: {
// data: [
// [{
// name: 'Mark Line',
// // x:'100',
// // y:'200'
// coord: [2, 200]
// }, {
// coord: [5, 200]
// // x:'700',
// // y:'200'
// }],
// [{
// name: 'Mark Line',
// // x:'100',
// // y:'200'
// coord: [5, 100]
// }, {
// coord: [8, 100]
// // x:'700',
// // y:'200'
// }],
// ]
// }
},{
type: 'line',
data: ['-', {
value:200,
symbol:'circle',
symbolSize:6
}, {value:200,symbol:'none'}, {value:200,symbol:'none'}, {value:200,symbol:'path://M6 4l20 12-20 12z',symbolSize:8}, '-', '-', '-', '-', '-'],
lineStyle:{
normal:{
type:'dotted'
}
},
showSymbol:true
}]
};