Setting data source via the GlobalObject

Global object

by Flexmonster Pivot Table

HTML

<script src="https://cdn.flexmonster.com/flexmonster.js"></script>

<button onclick="setReport1()">Set Report 1</button>
<button onclick="setReport2()">Set Report 2</button>

<div id="pivot-container">The component will appear here</div>

CSS

@import url(https://cdn.flexmonster.com/assets/jsfiddle-styles.css);

JavaScript

let pivot = new Flexmonster({
  container: "pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  toolbar: true,
  global: {
    dataSource: {
      filename: "data/data.csv"
    }
  }
});

function setReport1() {
  pivot.setReport({
    "slice": {
      "rows": [{
        "uniqueName": "Category",
        "filter": {
          "exclude": [
            "category.[accessories]",
            "category.[bikes]"
          ]
        }
      }],
      "columns": [{
          "uniqueName": "Country"
        },
        {
          "uniqueName": "[Measures]"
        }
      ],
      "measures": [{
        "uniqueName": "Price"
      }]
    }
  });
}

function setReport2() {
  pivot.setReport({
    "slice": {
      "rows": [{
        "uniqueName": "Destination"
      }],
      "columns": [{
          "uniqueName": "Business Type",
          "filter": {
            "members": [
              "business type.[warehouse]"
            ]
          }
        },
        {
          "uniqueName": "[Measures]"
        }
      ],
      "measures": [{
        "uniqueName": "Price"
      }]
    }
  });
}