JSFiddle - React, Tailwind, and code Playground

by ganesh_modak_fis

HTML

<script src="https://cdn.flexmonster.com/flexmonster.js"></script>
<button onclick='setOptionsAndSlice()'>View Chart</button>
<div id="pivot-container"></div>

JavaScript

var pivot = new Flexmonster({
	container: "pivot-container",
  toolbar: true,
  componentFolder: "https://cdn.flexmonster.com/",
  width: "100%",
  height: 430,
  report: {
    dataSource: {
      //data: getData()
    },
    
  }
});



function setOptionsAndSlice() {
  flexmonster.setOptions({
			            
						"viewType": "charts",
			    		"chart": {
			            	"type": "line",	
			            	"multipleMeasures": true,
		 			    	"position": "top",
		 			    	"showAllLabels": true,
		 			    	//"title": "Historical Limit Report"
		 			    	"showWarning": true
			            }
				    });
            
  flexmonster.runQuery({
				    
		    		"rows": [
			            {
			                "uniqueName": "Date",
			              
			            }
		        	],
			        "measures": [
			        	{
			              "uniqueName": "Minimum Value",
			              "aggregation": "none",
			              "active": true
				        },
			            {
			              "uniqueName": "Value",
			              "aggregation": "none",
			              "active": true
			            },
			            {
			              "uniqueName": "Maximum Value",
			              "aggregation": "none",
			              "active": true
				        }
			        ]
		    	});
}