Flexmonster - Integration with Highcharts

Demos

HTML

<link rel="stylesheet" href="https://s3.amazonaws.com/flexmonster/2.3/demo.css">
<script src="https://cdn.flexmonster.com/flexmonster.js"></script>
<script src="https://cdn.flexmonster.com/lib/flexmonster.highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="pivot-container"></div>
<div style="margin-top: 30px;" id="highcharts-bar-container1"></div>
<div style="margin-top: 30px;" id="highcharts-bar-container2"></div>
<div style="margin-top: 30px;" id="highcharts-bar-container3"></div>

JavaScript

var pivot = new Flexmonster({
  container: "#pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  licenseFilePath: "https://cdn.flexmonster.com/jsfiddle.charts.key",
  height: 300,
  toolbar: true,
  report: {
    dataSource: {
      data: getData()
    },
    "options": {
      "showHeaders": false
    }
  },
  reportcomplete: function() {
    pivot.off("reportcomplete");
    //chart 1
    createBarChart('highcharts-bar-container1',{
      "rows": [{
        "uniqueName": "Dimension"
      }],
      "columns": [{
        "uniqueName": "[Measures]"
      }],
      "measures": [{
          "uniqueName": "MetricA",
          "aggregation": "sum"
        },
        {
          "uniqueName": "CalculatedMetric1",
          "caption": "123",
          "formula": "sum(\"MetricB\")"
        },
        {
          "uniqueName": "MetricC",
          "aggregation": "sum"
        }
      ],
      "sorting": {
        "column": {
          "type": "desc",
          "tuple": [],
          "measure": {
            "uniqueName": "Answered Calls",
            "aggregation": "sum"
          }
        }
      }
    });
    //chart 2
    createBarChart('highcharts-bar-container2',{
      "rows": [{
        "uniqueName": "Dimension"
      }],
      "columns": [{
        "uniqueName": "[Measures]"
      }],
      "measures": [{
          "uniqueName": "MetricA",
          "aggregation": "sum"
        },
        {
          "uniqueName": "CalculatedMetric1",
          "caption": "textCaption",
          "formula": "sum(\"MetricB\")"
        },
        {
          "uniqueName": "MetricC",
          "aggregation": "sum"
        }
      ],
      "sorting": {
        "column": {
          "type": "desc",
          "tuple": [],
          "measure": {
            "uniqueName": "Answered Calls",
            "aggregation": "sum"
          }
        }
      }
    });
    //chart 3
    createBarChart('highcharts-bar-container3',{
      "rows": [{
        "uniqueName":...