Setting table sizes using the setReport() API call

Other

by Flexmonster Pivot Table

HTML

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

<button onclick="setReport()">Set report</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,
  report: {
    dataSource: {
      filename: "data/data.json"
    },
  }
});

function setReport() {
  let report = {
    dataSource: {
      filename: "data/data.json"
    },
    tableSizes: {
      rows: [{
        tuple: [
          "category.[cars]",
        ],
        height: 60
      }],
      columns: [{
        tuple: ["country.[canada]"],
        measure: {
          uniqueName: "Price",
          aggregation: "sum"
        },
        width: 160
      }]
    },
    slice: {
      rows: [{
        uniqueName: "Category"
      }],
      columns: [{
          uniqueName: "Country",
        },
        {
          uniqueName: "[Measures]"
        }
      ],
      measures: [{
        uniqueName: "Price",
        aggregation: "sum"
      }]
    },
  }

  pivot.setReport(report);
}