<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/3.19.0-dev/fusioncharts.js"></script>
<div id="chart-container">FusionCharts will render here</div>
FusionCharts.ready(function () {
var salesByState = new FusionCharts({
type: "maps/India",
renderAt: "chart-container",
width: "700",
height: "500",
dataFormat: "json",
dataSource: {
chart: {
caption: "Top 10 Revenue earning Indian states",
subcaption: "Last Year",
entityFillColor: "#cccccc",
entityFillHoverColor: "#666666",
numberPrefix: "$",
showLabels: "1",
useSNameInLabels: "0",
theme: "fusion"
},
colorrange: {
minvalue: "78834000",
startlabel: "Low",
endlabel: "High",
code: "#e44a00",
gradient: "1",
color: [
{
maxvalue: "84948500",
displayvalue: "Average",
code: "#f8bd19"
},
{
maxvalue: "97344000",
code: "#6baa01"
}
]
},
data: [
{
id: "001",
value: "9189000",
showLabel: "1"
},
{
id: "002",
value: "9879000",
showLabel: "1"
},
{
id: "003",
value: "93592000",
showLabel: "0",
tooltext: "$dataValue"
},
{
id: "004",
value: "79607000",
showLabel: "0"
},
{
id: "005",
value: "96060000",
showLabel: "1",
alpha: "100",
fontBold: "1",
tooltext: "$dataValue"
},
{
id: "006",
value: "34927000",
showLabel: "0"
},
{
id: "007",
value: "65798000",
showLabel: "0"
},
{
id: "008",
value: "61861000",
showLabel: "0"
},
{
id: "009",
value: "58911000",
showLabel: "0"
},
{
id: "010",
value: "42662000",
showLabel: "0"
},
{
id: "011",
value: "78041000",
showLabel: "0"
},
{
id: "012",
value: "41558000",
showLabel: "0"
},
{
id: "013",
value: "62942000",
showLabel: "0"
},
{
id: "014",
value: "78834000",
showLabel: "1",
alpha: "100",
fontBold: "1",
tooltext: "Rank #10, $dataValue"
},
{
id: "015",
value: "50512000",
showLabel: "1"
},
{
id: "016",
value: "73026000",
showLabel: "1"
},
{
id: "017",
value: "78865000",
showLabel: "1",
alpha: "100",
fontBold: "1",
tooltext: "Rank #9, $dataValue"
},
{
id: "018",
value: "80554000",
showLabel: "0"
},
{
id: "019",
value: "85922000",
showLabel: "0"
},
{
id: "020",
value: "43736000",
showLabel: "1"
},
{
id: "021",
value: "32681000",
showLabel: "0"
},
{
id: "022",
value: "79038000",
showLabel: "1",
alpha: "100",
fontBold: "1",
tooltext: "Rank #8, $dataValue"
},
{
id: "023",
value: "97344000",
showLabel: "1",
alpha: "100",
fontBold: "1",
tooltext: "Rank #1, $dataValue"
},
{
id: "024",
value: "43485000",
showLabel: "1"
},
{
id: "025",
value: "46515000",
showLabel: "0"
},
{
id: "026",
value: "63715000",
showLabel: "1"
},
{
id: "027",
value: "34497000",
showLabel: "1"
},
{
id: "028",
value: "70706000",
showLabel: "0"
},
{
id: "029",
value: "42382000",
showLabel: "1"
},
{
id: "030",
value: "73202000",
showLabel: "0"
},
{
id: "031",
value: "79118000",
showLabel: "1",
alpha: "100",
fontBold: "1",
tooltext: "Rank #7, $dataValue"
},
{
id: "032",
value: "44657000",
showLabel: "1"
},
{
id: "033",
value: "66205000",
showLabel: "1"
},
{
id: "034",
value: "75873000",
showLabel: "1"
},
{
id: "035",
value: "76895000",
showLabel: "1"
},
{
id: "036",
value: "76895000",
showLabel: "1"
}
]
}
}).render();
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.