FusionCharts - Log MS Line Chart in JavaScript

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>
<!-- This example showcases Logrithmic line chart and plots total number of footfalls vs online visits for last year -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var baChart = new FusionCharts({
    type: 'logmsline',
    renderAt: 'chart-container',
    width: '500',
    height: '350',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "theme": "fusion",
        "caption": "Store footfall vs Online visitors ",
        "subCaption": "Last Year",
        "xAxisName": "Quarter",
        "yAxisName": "USD",
        "numberprefix": "$",
        "axisLineAlpha": "10",
        "divLineAlpha": "10"
      },
      "categories": [{
        "category": [{
            "label": "Q1"
          },
          {
            "label": "Q2"
          },
          {
            "label": "Q3"
          },
          {
            "label": "Q4"
          }
        ]
      }],
      "dataset": [{
          "seriesname": "Total footfalls",
          "data": [{
              "value": "126734"
            },
            {
              "value": "159851"
            },
            {
              "value": "197393"
            },
            {
              "value": "168560"
            },
            {
              "value": "199428"
            }
          ]
        },
        {
          "seriesname": "Online Visits",
          "data": [{
              "value": "1126059"
            },
            {
              "value": "1292145"
            },
            {
              "value": "1496849"
            },
            {
              "value": "1460249"
            },
            {
              "value": "1083962"
            }
          ]
        }
      ]
    }
  }).render();

});