FusionCharts - Gallery Example - Multi-Series Column 2D Chart

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>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var salesChart = new FusionCharts({
      type: 'pie2d',
      renderAt: 'chart-container',
      width: '500',
      height: '400',
      dataFormat: 'json',
      dataSource: {
        "chart": {
          "caption": "Letters Used in a Novel",
          "formatnumberscale": "0",
          "showBorder": "0",
          "showLegend": "1",
          "theme": "fusion",
          "showPercentValues": "1",
          "showPercentInToolTip": "0",
          //Setting legend to appear on right side
          "legendPosition": "right",
          //Caption for legend
          "legendCaption": "Alphabet Used: ",
          //Customization for legend scroll bar cosmetics
          "legendScrollBgColor": "#f0000f",
          "legendScrollBarColor": "#ff0000"
        },
        "data": [{
          "label": "A",
          "value": "91852"
        }, {
          "label": "B",
          "value": "51852"
        }, {
          "label": "C",
          "value": "88168"
        }, {
          "label": "D",
          "value": "73897"
        }, {
          "label": "E",
          "value": "93933"
        }, {
          "label": "F",
          "value": "19289"
        }, {
          "label": "G",
          "value": "79623"
        }, {
          "label": "H",
          "value": "48262"
        }, {
          "label": "I",
          "value": "29162"
        }, {
          "label": "J",
          "value": "96878"
        }, {
          "label": "K",
          "value": "81241"
        }, {
          "label": "L",
          "value": "40652",
          "issliced": "1"
        }, {
          "label": "M",
          "value": "37581",
          "issliced": "1"
        }, {
          "label": "N",
          "value": "2882"
        }, {
          "label": "O",
          "value": "746"
        }, {
          "label": "P",
          "value": "7155"
        }, {
          "label": "Q",
          "value": "12072"
        }, {
          "label": "R",
         ...