Next
Update

The properties described in the table below can be applied to <MapChart>, which are used to design the overall frame of the Map chart.

...
<MapChart ... drillDownEnabled="false" showDataTips="true" scaleMode="auto" >
  ...
</MapChart>
...

<MapChart Properties>

areaCodeField This property is to set the field name of the region code (default value : code).
backImageX This property is to set the X- coordinate of the back image in the sub-map.
backImageY This property is to set the Y- coordinate of the back image in the sub-map.
centerX This property is to set the X- coordinate of the center point (default value : 0).
centerY This property is to set the Y- coordinate of the center point (default value : 0).
chartScaleX This property is to set the scale (from 0.1 to 25) of the X-axis (default value : 1).
chartScaleY This property is to set the scale (from 0.1 to 25) of the Y-axis (default value : 1).
drillDownEnabled Whether or not to display sub-maps (e.g. city, province) when the user clicks on the chart (true, false, default value : true).
dataTipJsFunction This property is to set the name of the JavaScript function to be called to set the user-defined tooltips.
mapChangeJsFunction This property is to set the name of the JavaScript function to be called when the user clicks on the region.
itemClickJsFunction This property is to set the name of the JavaScript function to be called when the user clicks on the item.
openCode This property is to set the current region the user is viewing (The initial value is "", which is the top level of the map).
rootCode This property is to set the region to be displayed when the chart is loaded (If the region define as rootCode cannot be displayed, then the top-level region will be displayed).
scaleMode This property is to set the scale mode. If the value is "auto", then the map will be resized to the screen size automatically; otherwise if the value is “manual”, then the map will be resized by the specified percentage. (auto, manual, default value : auto).
selectedCode This property is to set the selected region code.
showDataTips Whether or not to display tooltips when the user mouse over the region (true, false, default value : false).
percentCenterX This property is to set the X-coordinate of the center point represented by the percentage value. If the value is 0, then the center location is at the center point. If the value is 100, then the center location is at the right end; otherwise if the value is -100, then the center location is at the left end. (default value : 0).
percentCenterY This property is to set the Y-coordinate of the center point represented by the percentage value. If the value is 0, then the center location is at the center point. If the value is 100, then the center location is at the bottom end; otherwise if the value is -100, then the center location is at the top end. (default value : 0).

© 2017 KoolChart. All rights reserved.