Features Details Chart.js Chartist.

js
Chart Type Bar (H/V) Yes Yes
Stacked Bar Yes Yes
Pie Yes Yes
Doughnut Yes Yes
Gauge Chart Yes Yes
Timesearies Chart Yes(Moment.JS) Yes(Moment.JS)
Line Variants Yes Yes
Area Chart Yes with added configYes
Scatter Plot Yes Yes(Using Line Chart)
Bubble Chart Yes No
Funnel Chart Yes (P) No
Heat Map No No
Tree Map Yes (P) No
Waterfall Chart Yes (P) No
Bullet Chart
COmbine Multiple Chart
Dual Axis (mulyi axis) Yes
Plugins 3rd Part Plugin Charts Yes
Custom chart plugins Available
Advanced Features Animation Chart Available
Zoom in/Zoom out Chart
Standalone Working No External Dependencies
Dependencies can be addedYes Yes
Respensiveness Fits all Screen Yes
Mobile Friendly Yes
Developer Friendly Easy of Use Medium Medium
Lines of Code to achive charts
customization(Colour,
Background, etc) Yes Yes
Drill Down Implementation No - possible
Performance/Other Speed of rendering
Auto refresh of charts
License Type Open Soure
Look and Feel
Browser Compatibility Chrome Yes
Firefox Yes
ie/Edge
Safari
Android Browser
iOs Safari
 Apexchart Types of chart Provided
Yes Chart.js Chartist.js Apexchart
line line
Yes bar area
Yes radar bar
doughnut and pie radar
polar area histogram
Yes bubble pie
Yes scatter donut
Line Chart) radialBar
Yes scatter
bubble
Yes heatmap
No candlestick

Yes
Yes
Easy

Yes
1 Bar (H/V)
2 Stacked Bar
3 Pie
4 Doughnut
5 Line Variants(Simple)
6 Line and Bar
7 Dual Axis (multi axis)
8 Timeseries Chart
9 Gauge Chart
x: rdngmonth y: respected meter num count
x: rdngmonth y: respected meter num count stacked on metertype
Gender - M, F, Not disclosed
Same as Pie
x: rdngmonth y: respected month sum ofconsumption
x: rdngmonth y: Bar- respected month sum ofconsumption Line- 3 Month Rolling Average as Forecasting for 4th Mo
x: rdngmonth y: Bar- respected month sum ofconsumption Line- distinct count of meter number for respected mont
Devaraj
Devaraj
Devaraj
Devaraj
Manoj
Manoj
Manoj
Manoj
Sl.No Chart Type Use Case no
1 Bar (H/V) Sample Use case -1
2 Stacked Bar Sample Use case -4
3 Pie Sample Use case -4
4 Doughnut Sample Use case -4
5 Line Variants(Simple) Sample Use case -6
6 Line and Bar(Forecasting)Sample Use case -10
7 Dual Axis (multi axis) Sample Use case -9
8 Timeseries Chart Sample Use case -8
9 Gauge Chart Sample Use case -11
10 Bullet Chart Sample Use case -14
11 Area Chart Sample Use case -16

Bar

Stacked Bar

Pie
Dougnut

Line Variants(Simple)

Line and Bar(Forecasting)

Dual Axis (multi axis)

Timeseries Chart

Gauge Chart

Bullet Chart
Area Chart
Datasets
communication trend /Non communicating trend for last 30 days
the total count of meter with a split based on their status
Meter installed, comissioned meters, installed & cominssio
Comissioned & mapped, comissioned & not mapped
A day’s consumption of a meter
comparison for meter planned , installed and commiss
comparison between total consumption and Estimated bill
Forecasting consumption based on historic details
parentage of Communicated meter w.r.t to 100 %
percentage progressed/reached w.r.t. to total
Cunspution per hour, in different units
Page Link Developer
Anurag/Kesav
http://1.23.144.187:8102/bsmartAMI2/dashBoard2MDAS?type=corporate&value=Level
Sonu/Shanu/ Shwetha/Anurag
http://1.23.144.185:8011/MDM/mdas/instaAndCommissionDashboard
Sonu/Shanu/ Shwetha/Anurag
http://1.23.144.185:8011/MDM/mdas/instaAndCommissionDashboard
Sonu/Shanu/ Shwetha/Anurag
http://1.23.144.185:8011/MDM/mdas/instaAndCommissionDashboard
http://www.smartmeterspdcl.com/consumptionCurveMDAS Shruthi /Shwetha
Sonu/Shanu/ Shwetha/Anurag
http://1.23.144.185:8011/MDM/mdas/instaAndCommissionDashboard
http://www.smartmeterspdcl.com/dashBoard Shruthi /Shwetha
http://www.smartmeterspdcl.com/dashBoard Shruthi /Shwetha
http://www.smartmeterspdcl.com/dashBoard Shruthi /Shwetha
http://www.smartmeterspdcl.com/dashBoard Shruthi /Shwetha
http://1.23.144.187:8102/spdcl/getMultipleDataPoint Shruthi /Shwetha
DB & Table Columns