<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/3.21.0/fusioncharts.js"></script>
<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<div id="chart-container">FusionCharts will render here</div>
FusionCharts.ready(function () {
  var topStores = new FusionCharts({
    type: "bar2d",
    renderAt: "chart-container",
    width: "100%",
    height: "400",
    dataFormat: "json",
    dataSource: {
      chart: {
        //"theme": "fusion",
        caption: "Sales Analysis Of Top stores ↑ ,↓",
        exportEnabled: "1",
        subCaption: "Last year",
        captionPadding: "50",
        showCanvasBorder: "1",
        showPlotBorder: "1"
      },

      data: [
        {
          label: "Bakersfield ↑ ,↓",
          value: "880000"
        },
        {
          label: "Garden",
          value: "730000"
        },
        {
          label: "Los",
          value: "590000"
        },
        {
          label: "Compton",
          value: "520000"
        },
        {
          label: "Daly",
          value: "330000"
        }
      ]
    }
  }).render();
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.