FusionCharts - Gallery Example - Real-time Line (Dual y-axis) Chart

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>
<!-- Real-time Column chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var myChart = new FusionCharts({
    type: 'realtimecolumn',
    renderAt: 'chart-container',
    width: '600',
    height: '300',
    dataFormat: 'json',
    dataSource: {
      chart: {
        caption: "Harry's Supermart - Bakersfield Central",
        subCaption: 'Footfalls',
        showrealtimevalue: '1',
        borderAlpha: '0',
        yaxismaxvalue: '40',
        numdisplaysets: '10',
        usePlotGradientColor: '0',
        canvasBorderAlpha: '20',
        labeldisplay: 'rotate',
        slantLabels: '1',
        showLegend: '0',
        plotBorderAlpha: '0',
        bgAlpha: '0',
        showValues: '0',
        numbersuffix: ' Customers',
        showlabels: '1',
        animation: '0',
        showRealTimeValue: '0',
        useMessageLog: '1',
        messageGoesToJS: '1',
        messageJSHandler: 'displayData',
        messagePassAllToJS: '1',
      },
      categories: [{
        category: [{
            label: '8 mins ago',
          },
          {
            label: '7 mins ago',
          },
          {
            label: '6 mins ago',
          },
          {
            label: '5 mins ago',
          },
          {
            label: '4 mins ago',
          },
          {
            label: '3 mins ago',
          },
          {
            label: '2 mins ago',
          },
          {
            label: '1 min ago',
          },
        ],
      }, ],
      dataset: [{
        seriesname: 'Footfall',
        alpha: '100',
        anchoralpha: '60',
        anchorRadius: '4',
        anchorBgColor: '#',
        linethickness: '2',
        data: [{
            value: '5',
          },
          {
            value: '17',
          },
          {
            value: '10',
          },
          {
            value: '15',
          },
          {
            value: '5',
          },
          {
            value: '12',
          },
          {
            value: '8',
          },
          {
           ...