2016-11-05 59 views
0

我正在绘制区域图,并在图表旁边为用户提供一些额外的控件,以更改当前所选点的值。 我也在使用explorer选项来提供缩放和平移。Google Charts:如何在更改数据时保留缩放

我现在面临两个问题放大:

1)鼠标滚轮效果相反,相比于谷歌地图:车轮升降装置放大!有没有可以扭转车轮效应的选项?

2)当用户更改所选点的值时,我会重绘图表以显示更改,但会导致缩放重置。有什么方法可以在不重绘的情况下更改图表值,或者在重绘时保留缩放?

回答

0

我放弃了内置的缩放功能,并选择以不同的方式处理它。

图表,或者更好地说,在“叠加”包含图表和指标,被放在一个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他使用水平滚动条来绘制图表(泛执行也不难)。我可以在任何时候重新绘制图表,而不会丢失缩放级别。

我仍然希望提出一些更好的解决方案。

相关问题