Next
Update
Prev
X-Axis -
X-Axis +
Y-Axis -
Y-Axis +
Original Size

You can set the scale of the map by setting the chartScaleX and chartScaleY attributes with setting the value of the scaleMode attribute to manual. The scale of the map also can be changed when the user clicks on the button by using the JavaScript function. Try to click on the buttons below this sample map chart.

...
<MapChart ... chartScaleX="0.4" chartScaleY="0.4" scaleMode="manual" >
  ...
</MapChart>
...
					
function zoom(setScaleX, setScaleY) {
  mapApp = document.getElementById("map1");
  mapRoot = mapApp.getRoot();
  mapRoot.setChartScale(setScaleX, setScaleY)
}

function xyScaleReset() {
  mapApp = document.getElementById("map1");
  mapRoot = mapApp.getRoot();
  mapRoot.setChartScale(1, 1)
}

© 2017 KoolChart. All rights reserved.