FusionCharts - Gallery Example - Multi-Series 2D Single Y Combination Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

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>
<!-- Multi-series 2D Single Y Combination Chart. -->
<div style="transform: scale(0.509524);position:absolute;width:500px;transform-origin: top center;">
<div style="height:400px;width:700px;">
<div id="chart-container" style="position:relative;height:100%;width;100%;">FusionCharts will render here</div>
</div>
</div>

JavaScript

FusionCharts.ready(function() {
  var salesAnlysisChart = new FusionCharts({
    type: 'MSCombiDY2D',
    renderAt: 'chart-container',
    width: '100%',
    height: '100%',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "axisLineColor": "#999999",
        "baseFont": "Lato, sans-serif",
        "baseFontColor": "#555555",
        "baseFontSize": 12,
        "bgColor": "#ffffff",
        "captionFontBold": false,
        "captionFontSize": 22,
        "captionPadding": 25,
        "decimalSeparator": ".",
        "decimals": 2,
        "divLineIsDashed": "1",
        "divlineColor": "#999999",
        "formatNumber": 1,
        "formatNumberScale": 0,
        "labelDisplay": "auto",
        "legendBgAlpha": 0,
        "legendBorderAlpha": 0,
        "pYAxisName": "Unit Price",
        "paletteColors": "#0075c2",
        "placeValuesInside": "0",
        "plotBorderAlpha": "10",
        "rotatevalues": "0",
        "sYAxisName": "Units Sold",
        "showAlternateHGridColor": "0",
        "showAlternateVGridColor": "0",
        "showAxisLines": "1",
        "showLabels": "1",
        "showLegend": "0",
        "showValues": "0",
        "thousandSeparator": ",",
        "toolTipBgAlpha": 90,
        "toolTipBgColor": "#657984",
        "toolTipBorderColor": "#333333",
        "toolTipBorderRadius": "3",
        "toolTipColor": "#ffffff",
        "toolTipPadding": "5",
        "usePlotGradientColor": "0",
        "valueFontColor": "#000000",
        "xAxisName": "Order Priority",
        "xAxisNameFontBold": false,
        "xAxisNameFontSize": 14,
        "xAxisNamePadding": 20,
        "yAxisNameFontBold": false,
        "yAxisNameFontSize": 14,
        "yAxisNamePadding": 20,
        "applycsstransform": "1"
      },
      "categories": [{
        "category": [{
            "label": "Jan"
          },
          {
            "label": "Feb"
          },
          {
            "label": "Mar"
          },
          {
            "label": "Apr"
...