#latest
#options
막대 / 라인 차트 계열에서 Zoom을 표현할 수 있습니다.
확대 후 차트 영역을 더블 클릭하면 차트는 초기화됩니다.
axis.x.zoom.type
axis.x.zoom.type = "drag"
axis.x.zoom.maxScale
zoom 최대 배율을 설정합니다. (default: 20)
var chart = sb.chart.render("#chartWrap", {
data: {
type: "line",
json: [
{ month:"2017.07", volume: 7707750 },
{ month:"2017.08", volume: 7573752 },
{ month:"2017.09", volume: 7914913 },
{ month:"2017.10", volume: 7386713 },
{ month:"2017.11", volume: 8708523 },
{ month:"2017.12", volume: 8624841 },
{ month:"2018.01", volume: 8785755 },
{ month:"2018.02", volume: 8048044 },
{ month:"2018.03", volume: 9083890 }
],
keys: {
x: "month",
value: ["volume"]
}
},
axis: {
x: {
type: "category"
},
y: {
zerobased: true
}
},
});
document.getElementById("chkZerobased").onchange = function() {
chart.axis().y.zerobased = this.checked;
chart.render();
};