[Ovmsdev] Chart lib for the web UI

Mark Webb-Johnson mark at webb-johnson.net
Wed Apr 4 08:52:40 HKT 2018


You da man… Very cool. Particularly impressed with the animation on the gauges.

This is exactly what I want for the App v3:

Convert to a cross-platform environment (Android, iOS, desktops)
Have various connection options to get metrics (server v2, server v3 (mqtt), bluetooth BLE GATT, etc)
Have custom dashboards - tie a metric to a sizeable gauge at a place on a grid
Make our standard screens work the same way
User customisable

Regarding the web dashboard, my main suggestion is to make it customisable. Allow multiple named dashboards that can be switched between, and allow the definition of metric tied to gauge type at a specific position. It can be grid based (I use 4 x 3 for work dashboards, with individual gauges able to be sized from 1x1 up to full screen 4x3 - but for this more fine-grained may be desirable).

I can’t wait to get this in my car. Just need to get Model S support working properly.

Regards, Mark.

> On 4 Apr 2018, at 12:08 AM, Michael Balzer <dexter at expeedo.de> wrote:
> 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
> vehicles.
> 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.
> Regards,
> Michael
> 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
> _______________________________________________
> OvmsDev mailing list
> OvmsDev at lists.openvehicles.com
> http://lists.openvehicles.com/mailman/listinfo/ovmsdev

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openvehicles.com/pipermail/ovmsdev/attachments/20180404/6ec1bc54/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: PastedGraphic-4.tiff
Type: image/tiff
Size: 166144 bytes
Desc: not available
URL: <http://lists.openvehicles.com/pipermail/ovmsdev/attachments/20180404/6ec1bc54/attachment-0002.tiff>

More information about the OvmsDev mailing list