我放弃了内置的缩放功能,并选择以不同的方式处理它。
图表,或者更好地说,在“叠加”包含图表和指标,被放在一个div里面有这样的风格:
.myChartBox {
border: 1px solid #2080c0;
width: 900px;
overflow-x: auto;
overflow-y: hidden;
}
我普通中等教育不再图表探险选项,我处理轮事件是这样的:
var currentZoom = 1;
function handleWheel(event) {
event.preventDefault();
if (event.deltaY < 0 && currentZoom < 8)
currentZoom *= 2;
else if (event.deltaY > 0 && currentZoom > 1)
currentZoom /= 2;
myChartOptions.width = 900 * currentZoom;
myChart.draw(myChartData, myChartOptions);
}
用户现在可以放大或缩小使用鼠标滚轮的方式在谷歌地图一样,和滚动左或右T他使用水平滚动条来绘制图表(泛执行也不难)。我可以在任何时候重新绘制图表,而不会丢失缩放级别。
我仍然希望提出一些更好的解决方案。