Highcharts dynamic graph demo

Simple demo app to graph a single variable using highcharts.
Values are passed via webviewstring.
Home page and javascript stored locally on device

highcharts01.aia (124.4 KB)

2 Likes

As an alternative to the built-in chart component or google charts, highcharts doesn't get as much credit on here as it deserves :slight_smile: Someone (that will probably be me) :wink: should do a full guide on its usage.

1 Like

Agreed, highcharts is a great and powerful tool: changing only a few parameters to have a multiaxes, multiseries graph ( by the way my phone charger is not that good.. but it works ; - )

highcharts01_3_series.aia (125.6 KB)

Herewith, the very basic functionality of Highcharts in an extension, no passing of data, just displaying a simple bar chart.

image

image

testHighChartExtn.aia (108.9 KB)

(The extension is "big" because it contains the highcharts.js file, which is 273kB !)

1 Like

@davidefa

You can remove the credit (bottom right of chart) with this option:

    credits: {
        enabled: false
    },


Strange characters when clicking a bar.

Early days, I have just scratched the surface :slight_smile:

[EDIT] in testing have now fixed the strange characters! aia provided above is now updated.

image

1 Like

If I'm not wrong, for personal/non profit use, the credit attribution is required

P.S.
Forgot to add that I had to specify the container height explicitely, setting to automatic of fill parent, the graph was not displayed immediately, but only after rotating the phone ( not sure if this is a problem with my device )

P.P.S.
I like the heatmaps a lot ( this is a block for 'meteotemplate' )

P.P.P.S.
Also found that the 'customwebviewer' is able to return the javascript console ( which is useful in debugging )

windHeatmap01

You can always provide that somewhere else, if you do not want it on the chart itself.

I also note that dependent on use, a commercial licence may be required.