FusionCharts - Gallery Example - Multi-series 2D Dual Y Combination Chart in Javascript.

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<div id="chart-container">
  FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var revenueChart = new FusionCharts({
    type: 'mscombidy2d',
    renderAt: 'chart-container',
    width: '550',
    height: '150',
    dataFormat: 'json',
    dataSource: {
      "categories": [{
        "category": [{
            "label": "Object 1"
          },
          {
            "label": "Object 2"
          },
          {
            "label": "Object 3"
          },
          {
            "label": "Object 4"
          },
          {
            "label": "Object 5"
          }
        ]
      }],
      "chart": {
        "baseFont": "Avenir",
        "baseFontColor": "#777777",
        "bgAlpha": "100",
        "bgColor": "#ffffff",
        "canvasBgAlpha": "0",
        "captionFontColor": "#777777",
        "captionFontSize": "11",
        "captionPadding": "0",
        "chartBottomMargin": "4",
        "chartLeftMargin": "0",
        "chartRightMargin": "0",
        "chartTopMargin": "6",
        "decimals": "0",
        "divLineDashLen": "1",
        "divLineGapLen": "1",
        "divLineIsDashed": "1",
        "divlineAlpha": "32",
        "divlineColor": "#777777",
        "divlineThickness": "1",
        "forceDecimals": "1",
        "labelDisplay": "wrap",
        "labelPadding": "0",
        "legendBorderThickness": "0",
        "legendShadow": "0",
        "numberPrefix": "$",
        "pYAxisName": "Spend",
        "paletteColors": "#5C99B9,#73AF77,#FFB452,#9C978C,#BF4949,#8F79B3",
        "plotFillAlpha": "100",
        "plotFillAngle": "-45",
        "plotFillHoverAlpha": "80",
        "plotFillRatio": "50,0",
        "plotSpacePercent": "85",
        "sDecimals": "2",
        "sYAxisName": "Quote Ratio",
        "showAlternateHGridColor": "0",
        "showAlternateVGridColor": "0",
        "showBorder": "0",
        "showLegend": "0",
        "showShadow": "0",
        "showToolTipShadow": "0",
        "showValues": "1",
        "showXAxisLine": "1",
        "showplotborder": "0",
        "slantLabels":...