Component Demo - HTML5
To get you started in just minutes

Welcome to Flexmonster Pivot Table and Charts!

This package contains HTML5 version of the component.

This is the component you can easily embed into Web HTML5 project to provide your end-users with an excel-like intuitive experience while creating and analyzing reports.

Extensive component's API can be used to build your own user interface around the core pivot grid and charts functionality. Or you can use our toolbar shown in All-in-One demo.

Open All-in-One Demo

This demo is a full-featured native user interface for Flexmonster component.

Major component's API tricks are already implemented in this demo by our software engineers and you get it with the source code.

Customize it according to your needs or use it as is.

How to Install
Simple guide for quick start

Installing Flexmonster Pivot is simple copy-paste procedure that takes just minutes!

Embed into web project HTML5 version of the component:

  1. Copy contents of component/ folder into your web project root to your server.
  2. Copy the code below and paste it into your HTML page.

    <div id="pivotContainer">The component will appear here</div>
    <script src="flexmonster/flexmonster.js"></script>
    <script>
        flexmonster.embedPivotComponent("flexmonster/", "pivotContainer", "100%", "500", {configUrl : "report.xml"});
    </script>

  3. Now launch the page from browser — here you go! First Pivot embedded into your project. What Next: connect to your own data.