CODEWITHSUNDEEP
javascriptsvgamchartsammap
Rabinder Bisht
Rabinder Bisht

Reputation: 604

How to make amchart's ammap for district level?

I am trying to make ammap for district level. First, one has to select state and then district. Upto state, it is fine. But, how to achieve the district level map? I have svg for the district in india. I tried but couldn't make it. SVG here

JSFIDDLE:

var map = AmCharts.makeChart( "chartdiv", {

  "type": "map",
  "theme": "light",
  "projection": "miller",

  "dataProvider": {
    "map": "indiaLow",
    "getAreasFromMap": true
  },
  "areasSettings": {
    "autoZoom": true,
    "selectedColor": "#CC0000"
  },
  "smallMap": {},
  "export": {
    "enabled": false,
    "position": "bottom-right"
  }
} );
#chartdiv {
  width: 100%;
  height: 500px;
}
<script src="https://www.amcharts.com/lib/3/ammap.js"></script>
<script src="https://www.amcharts.com/lib/3/maps/js/indiaLow.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<div id="chartdiv"></div>

Upvotes: 0

Views: 888

Answers (0)

Related Questions