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

Created using FusionCharts Suite XT - www.fusioncharts.com

by Venkatesan S

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- Multi-series 2D Single Y Combination Chart. -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var salesAnlysisChart = new FusionCharts({
    type: 'mscombi3d',
    renderAt: 'chart-container',
    width: '650',
    height: '400',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "caption": "Process Maturity",
        "xAxisName": "Functions",
        "yAxisName": "Score",
        "yaxismaxvalue": "5.5",
        "yaxisminvalue": "0",
        "showYAxisValues": "0",
        "paletteColors": "#c34d21,#669966,#6699cc,#061771,#aba83e",
        "xAxisNameFontSize": "12",
        "xAxisNameFontColor": "#4d4d4d",
        "xAxisNameFontBold": "1",
        "yAxisNameFontSize": "12",
        "yAxisNameFontColor": "#4d4d4d",
        "yAxisNameFontBold": "1",
        "bgColor": "#ffffff",
        "showborder": "1",
        "showCanvasBorder": "0",
        "canvasBgAlpha": "0",
        "usePlotGradientColor": "0",
        "plotBorderAlpha": "10",
        "showValues": "1",
        "placevaluesInside": "1",
        "numDivlines": "0",
        "numVDivLines": "0",
        "showAlternateHGridColor": "0",
        "exportEnabled": "1",
        "exportFileName": "ATLAS Score_May 1, 2017_May 4, 2017_Jul 31, 2017_Process Maturity",
        "toolTipColor": "#ffffff",
        "toolTipBorderThickness": "0",
        "toolTipBgColor": "#000000",
        "toolTipBgAlpha": "80",
        "toolTipBorderRadius": "2",
        "toolTipPadding": "5",
        "legendBorderColor": "#666666",
        "legendBorderThickness": "1",
        "legendBorderAlpha": "40",
        "theme": "fint"
      },
      "annotations": {
        "autoScale": "1",
        "groups": [{
          "id": "user-images",
          "items": [{
            "type": "text",
            "fillcolor": "#bfbfbf",
            "fontsize": "12",
            "text": "© 2016-2017 Mindtree Ltd.",
            "x": "560",
            "y": "385"
          }, {
            "type": "image",
            "url": "content/images/atlas_small.png",
            "x": "20",
            "y":...