java 折线图 放大 缩小_可拖拉放大缩小HC折线图 | JShare

可拖拉放大缩小HC折线图 | JShare

var chart = Highcharts.chart('container', {

chart: {

zoomType: 'x'

},

title: {

text: 'Hide overlapping data labels'

},

series: [{

data: (function (arr, len) {

var i;

for (i = 0; i < len; i = i + 1) {

arr.push(i);

}

return arr;

}([], 50)),

dataLabels: {

enabled: true,

y: -5

}

}]

});

$('#setextremes').click(function () {

chart.xAxis[0].setExtremes(10, 15);

});

$('#unsetextremes').click(function () {

chart.xAxis[0].setExtremes();

});

Set extremes

Unset extremes

#container {

width: 600px;

height: 300px;

margin: 1em auto;

}

{"resource":"1,3,6,7","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":0}}","code":{"code":"h5S8ic","name":"可拖拉放大缩小HC折线图","version":0,"doctype":0,"description":"","meta":"","newGroup":625,"group":{"id":625,"name":"默认分组","code":"abcdefghijklmn"}}}