FusionCharts - Map - Showing full name of states, instead of short names in maps
Created using FusionCharts Suite XT - www.fusioncharts.com
by FusionCharts
HTML
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!-- Showing full name of states, instead of short names.
# useSNameInLabels set to 0
-->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function() {
var salesByState = new FusionCharts({
type: 'usa',
renderAt: 'chart-container',
width: '700',
height: '500',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "Top 10 Revenue earning US 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": "HI",
"value": "3189000",
"showLabel": "0"
},
{
"id": "DC",
"value": "2879000",
"showLabel": "0"
},
{
"id": "MD",
"value": "33592000",
"showLabel": "0"
},
{
"id": "DE",
"value": "4607000",
"showLabel": "0"
},
{
"id": "RI",
"value": "4890000",
"showLabel": "0"
},
{
"id": "WA",
"value": "34927000",
"showLabel": "0"
},
{
"id": "OR",
"value": "65798000",
"showLabel": "0"
},
{
"id": "CA",
"value": "61861000",
"showLabel": "0"
},
{
"id": "AK",
"value": "58911000",
"showLabel": "0"
},
{
"id": "ID",
"value": "42662000",
"showLabel": "0"
},
{
"id": "NV",
"value":...