FusionCharts - Gallery Example - Multi-series Column 3D + Line (Dual Y) Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by ramesh valasa

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 Column 3D + Line (Dual Y) Chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var revenueChart = new FusionCharts({
      type: 'mscolumn3dlinedy',
      renderAt: 'chart-container',
      width: '600',
      height: '350',
      dataFormat: 'json',
      dataSource: {
    "categories": [
        {
            "category": [
                {
                    "label": "1 Monday"
                },
                {
                    "label": "2 Tuesday"
                },
                {
                    "label": "3 Wednesday"
                },
                {
                    "label": "4 Thursday"
                },
                {
                    "label": "5 Friday"
                },
                {
                    "label": "Score (*)"
                }
            ]
        }
    ],
    "dataset": [
        {
            "color": "1464a1",
            "renderas": "column",
            
        },
        {
            "seriesname": "Occupancy",
            "color": "3f4751",
            "data": [
                {
                    "value": "52.78645809607973"
                },
                {
                    "value": "41.77410568367532"
                },
                {
                    "value": "39.05576093653727"
                },
                {
                    "value": "43.99503912934797"
                },
                {
                    "value": "32.19110252194563"
                },
                {
                    "value": " "
                }
            ],
            "parentYAxis": "P",
            "renderAs": "line"
        },
        {
            "seriesname": "Score",
            "color": "786c9f",
            "data": [
                {
                    "value": " "
                },
                {
                    "value": " "
                },
                {
                    "value": " "
                },
                {
                    "value": " "
                },
                {
              ...