A drilldown charting widget that drills down into the data based on the 'groupby' attribute. Uses highcharts for the base charting.
npm install @ez-webcomponents/ez-highchart-drilldownCopyright (c) 2018 Martin Israelsen
@author Martin Israelsen
$ yarn upgrade --flat
$ yarn add @ez-webcomponents/ez-highchart-drilldown --flat
Run the es6 version of the Demo (Assuming you installed at SERVER_ROOT using npm)
{SERVER_ROOT}/node_modules/@ez-webcomponents/ez-highchart-drilldown/build-demo/es6-bundled/demo/index.html
Include ez-highchart-drilldown-loader.js to use as stand-alone bundled component
or
Import ez-highchart-drilldown.js directly if using in a build.
ez-highchart-drilldown demo
title="Revenue By Company"
cardelevation="0"
height="400px"
width="500px"
maxcharts=1
groupby='[{"field": "company", "aggregate": "sum(revenue)", "chart": "pie"},
{"field": "date_trunc(month,startdate)", "aggregate": "sum(revenue)", "chart": "line"},
{"field": "division", "aggregate": "sum(revenue)", "chart": "bar"},
{"field": "gender", "aggregate": "sum(revenue)", "chart": "pie"},
{"field": "eyeColor", "aggregate": "sum(revenue)", "chart": "bar"},
{"field": "age", "aggregate": "sum(revenue)", "chart": "pie"}]'>