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: 'scatter',
      renderAt: 'chart-container',
      id: 'myChart',
      width: '500',
      height: '320',
      dataFormat: 'json',
      dataSource: {
        "chart": {
          "caption": "Old Stock Clearance",
          "subcaption": "Price Vs Profit",
          "yaxisname": "Price (In USD)",
          "xaxisname": "Profit (In %)",
          "xaxismaxvalue": "40",
          "xaxisminvalue": "-20",
          "yaxismaxvalue": "1000",
          "xnumbersuffix": "%",
          "ynumberprefix": "$",

          //Vertical zero plane          
          "showVZeroPlane": "0",

          //Theme
          "theme": "fusion"
        },
        "dataset": [{
          "drawline": "0",
          "seriesname": "Televisions",
          "color": "#6baa01",
          "anchorsides": "3",
          "anchorradius": "4",
          "anchorbgcolor": "#6baa01",
          "anchorbordercolor": "#6baa01",
          "data": [{
            "id": "TV_1",
            "x": "-9.89",
            "y": "642"
          }, {
            "id": "TV_2",
            "x": "21.59",
            "y": "947"
          }, {
            "id": "TV_3",
            "x": "-8.8",
            "y": "433"
          }, {
            "id": "TV_4",
            "x": "-10.88",
            "y": "750"
          }, {
            "id": "TV_5",
            "x": "5.43",
            "y": "593"
          }, {
            "id": "TV_6",
            "x": "23.76",
            "y": "426"
          }, {
            "id": "TV_7",
            "x": "17.74",
            "y": "575"
          }, {
            "id": "TV_8",
            "x": "8.71",
            "y": "962"
          }, {
            "id": "TV_9",
            "x": "-1.56",
            "y": "205"
          }, {
            "id": "TV_10",
            "x": "16.42",
            "y": "937"
          }, {
            "id": "TV_11",
            "x": "10.42",
            "y": "689"
          }, {
    ...