Setting options via global object

Global object

by jesperra

HTML

<link rel="stylesheet" href="https://s3.amazonaws.com/flexmonster/2.3/demo.css">
<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>

JavaScript

var pivot = new Flexmonster({
	container: "pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  global: {
    options: {
    	grid: {
      	showFilter: false,
        dragging: false
      },
    	configuratorButton: false,
      sorting: false,
      drillThrough: false
    }
  }
});
function setReport1() {
	pivot.setReport({
    dataSource: {
    	filename: "data/data.csv"
    },
    slice: {
        rows: [
            { uniqueName: "Country" }
        ],
        columns: [
            { uniqueName: "Color"},
            { uniqueName: "[Measures]"}
        ],
        measures: [
            { uniqueName: "Price"}
        ]
    }
  });
}
function setReport2() {
	pivot.setReport({
  	dataSource: {
    	data: [{
        "Color": "green",
        "M": "September",
        "W": "Wed",
        "Country": "Canada",
        "State": "Ontario",
        "City": "Toronto",
        "Price": 174,
        "Quantity": 22
      },
      {
        "Color":"red",
        "M":"March",
        "W":"Mon",
        "Time":"1000",
        "Country" : "USA",
        "State" : "California",
        "City" : "Los Angeles",
        "Price":1664,
        "Quantity":19
      }]
    },
    slice: {
        rows: [
            { uniqueName: "Country" }
        ],
        columns: [
            { uniqueName: "Color"},
            { uniqueName: "[Measures]"}
        ],
        measures: [
            { uniqueName: "Price"}
        ]
    }
  });
}