[Ovmsdev] Chart lib for the web UI

Michael Balzer dexter at expeedo.de
Wed Apr 4 00:08:00 HKT 2018

I've decided for Highcharts. My list of requirements was:

  - Open source / free for non-commercial use
  - SVG / CSS based
  - Responsive & touch support
  - Live updates with smooth transition
  - Lightweight, no external dependancies
  - Clean API
  - optional: Gauges included

Well, no surprise, none of the current candidates is a 100% match for these. I had to rule out Chartist.js very fast after beginning to fiddle about with it --
it's got no support for data update animations. It's been promised for a v2 rework about two years ago.

The best match is Highcharts, the second best is amCharts. They are very close, and have quite similar concepts and API. Highcharts has won because it's got
less weight, but amCharts remains an option, possibly with a custom compilation of charts.

I've pushed the integration of the current Highcharts v6.0.7 including a live monitoring UI for the Twizy battery cells and a general gauge dashboard for all

The dashboard needs to be configured for the vehicle specs. I've added a simple vehicle callback OvmsVehicle::GetDashboardConfig() to set them as a JSON string,
and a default configuration that should fit as a starting point for vehicles using 96s battery setups.

I've done some first drives using the dashboard in my Twizy, it's a valuable addition. I'm going to add the drivemode buttons to it, so I've got my complete
cockpit on that screen.

We may add some more indicators, i.e. for charge times and alert conditions like tire pressure. Tell me what you'd like to have included on the dashboard.


Am 04.03.2018 um 19:43 schrieb Michael Balzer:
> Steve,
> yes, we definitely should include a charting lib, so we can do nice real time dashboards and statistics.
> I need to check some new projects first. I've been using Flot for business backends, but it's become very outdated now.
> New libs to check currently on my list:
> - http://www.chartjs.org/
> - https://gionkunz.github.io/chartist-js/index.html
> - https://www.highcharts.com/
> - https://www.fusioncharts.com/
> Regards,
> Michael
> Am 04.03.2018 um 17:49 schrieb Stephen Casner:
>> Michael,
>> Is there a graphing package that would be feasible to include in our web server?
>> -- Steve
>> _______________________________________________
>> OvmsDev mailing list
>> OvmsDev at lists.teslaclub.hk
>> http://lists.teslaclub.hk/mailman/listinfo/ovmsdev

Michael Balzer * Helkenberger Weg 9 * D-58256 Ennepetal
Fon 02333 / 833 5735 * Handy 0176 / 206 989 26

More information about the OvmsDev mailing list