Flexmonster - Load JSON

Demos

HTML

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

<div id="pivot-container"></div>

JavaScript

var pivot = new Flexmonster({
  container: "#pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  report: {
    dataSource: {
      dataSourceType: "json",
      data: getData()
    },
    "slice": {
      "rows": [{
        "uniqueName": "code_postal"
      }],
      "columns": [{
        "uniqueName": "[Measures]"
      }],
      "measures": [{
          "uniqueName": "date_valeur",
          "aggregation": "distinctcount",
          "availableAggregations": ["count", "distinctcount"]
        },
        {
          "uniqueName": "date_mod",
          "aggregation": "distinctcount",
          "availableAggregations": ["count", "distinctcount"]
        },
        {
          "uniqueName": "raison_sociale",
          "aggregation": "distinctcount",
          "availableAggregations": ["count", "distinctcount"]
        },
        {
          "uniqueName": "adresse1",
          "aggregation": "distinctcount",
          "availableAggregations": ["count", "distinctcount"]
        },
        {
          "uniqueName": "adresse2",
          "aggregation": "distinctcount",
          "availableAggregations": ["count", "distinctcount"]
        },
        {
          "uniqueName": "code_postal",
          "aggregation": "distinctcount",
          "availableAggregations": ["count", "distinctcount"]
        },
        {
          "uniqueName": "ville",
          "aggregation": "distinctcount",
          "availableAggregations": ["count", "distinctcount"]
        },
        {
          "uniqueName": "pays",
          "aggregation": "distinctcount",
          "availableAggregations": ["count", "distinctcount"]
        },
        {
          "uniqueName": "siret",
          "aggregation": "distinctcount",
          "availableAggregations": ["count", "distinctcount"]
        }
      ]
    }
  }
});

function getData() {
  return [{
      "date_valeur": {
        "caption": "Date de valeur",
        "type": "year/month/day"
      },
      "code_postal": {
       ...