FusionCharts - Gallery Example - Area 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Saneesh K V

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<div id="container">FusionCharts will render here</div>

JavaScript

$("#chart-container").insertFusionCharts({
 type: "bar2d",
 width: "100%",
 height: "100%",
 dataFormat: "json",
 dataSource: {
   chart: {
     aligncaptionwithcanvas: "0",
     showValues: "1",
     rotateValues: "1",
     palettecolors: "#13C4D5,#005A94,#BF468F,#E34F67",
     placeValuesInside: "1",
     theme: "fusion"
   },
   data: [
     {
       label: "Travel & Leisure",
       value: "41"
     },
     {
       label: "Advertising/Marketing/PR",
       value: "39"
     },
     {
       label: "Other",
       value: "38"
     },
     {
       label: "Real Estate",
       value: "32"
     }
   ]
 }
});