FusionCharts - Using Color Range in Map

Created using FusionCharts Suite XT - www.fusioncharts.com

by Moonmi Sonowal

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.maps.js"></script>
<script src="http://static.fusioncharts.com/code/latest/maps/fusioncharts.usa.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- Using Color Range to define data range for data, and colors -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var salesMap = new FusionCharts({
        type: 'Czechrepublicdistricts',
        renderAt: 'chart-container',
        width: '600',
        height: '400',
        dataFormat: 'json',
        dataSource: {
            "map": {
                "bordercolor": "005879",
                    "fillcolor": "e6f8ff",
                    "numbersuffix": "",
                    "includevalueinlabels": "0",
                    "labelsepchar": ":",
                    "basefontsize": "9"
            },
                "colorrange": {
                "color": [{
                    "minvalue": "0",
                        "maxvalue": "100",
                        "displayvalue": "Okresy",
                        "color": "#33DD33"
                }]
            },
                "data": [{
                "id": "01",
                    "value": "100"
            }, {
                "id": "02",
                    "value": "100"
            }, {
                "id": "03",
                    "value": "100"
            }, {
                "id": "04",
                    "value": "100"
            }, {
                "id": "05",
                    "value": "100"
            }, {
                "id": "06",
                    "value": "100"
            }, {
                "id": "07",
                    "value": "100"
            }, {
                "id": "08",
                    "value": "100"
            }, {
                "id": "09",
                    "value": "100"
            }, {
                "id": "10",
                    "value": "100"
            }, {
                "id": "11",
                    "value": "100"
            }, {
                "id": "12",
                    "value": "100"
            }, {
                "id": "13",
                    "value": "100"
            }, {
                "id": "14",
                    "value": "100"
            }, {
                "id": "15",
                   ...