📊 [Free] ChartMakerPlus - an extension to make google charts

[TIMAI2]

Good to here you got it working

[Engineering_In_Actio]

Thanks for helping me get this working, I looked in the documentation and did not see the JSON check box mentioned perhaps that should be updated as I spent hours thinking I was an idot

[TIMAI2]

As previously mentioned, I have now updated the documentation in the first post to cover the use of ShowListsAsJson

[Moje_3wom]

@TIMAI2

How change border color from white to custom color?

[TIMAI2]

@Moje_3wom

How change border color from white to custom color?

You can add a border to the chart with a custom colour in the extraOptions:

backgroundColor: {
    fill:'moccasin',
    stroke: 'black',
    strokeWidth:20
    }

but this still leaves white border which is the html background.

I would need to add another parameter to the chartmaker to allow the setting of the html/body background colour.

[TIMAI2]

OK, that has worked up:

Here is the extension:

uk.co.metricrat.chartmakerplusv3k1.aix (10.0 KB)

Will just need to update the extension documentation in the first post for everyone else

[Moje_3wom]

@TIMAI2

OK, that has worked up:

Thanks for update.
Why chart is not shown and webviewer remains blank when haven't net and offline mode?

[dora_paz]

See

[Free] ChartMakerPlus - an extension to make google charts

A network connection is required. Try other chart methods for offline charting, see FAQ.

[Moje_3wom]

[quote="[Free] ChartMakerPlus - an extension to make google charts Extensions, post:81, topic:36473"]
Try other chart methods for offline
[/quote]

which one?

[TIMAI2]

@Moje_3wom

which one?

I might suggest this one:

Highcharts Setup on AI2

[Moje_3wom]

@TIMAI2

OK, that has worked up:

How can I remove the border, because it doesn't change color in the dark mode for #33ad8eff color?

[TIMAI2]

You will need to look into the documentation for highCharts to find out.

Sorry, I thought you had moved on to HighCharts

The google chart is placed inside a div in the body of the html page. By default the body has a default margin of @ 10px on an html page. You need to remove this, setting the margins to 0, in the css.

body { margin:0 !important;}

(if enabled, ensure you have the background-color strokeWidth set to 0 as well)

For the chart you can set the size of the chart in the javascript, to the window of the webpage using the width: window.innerWidth and height: window.innerHeight settings - in extraOptions (you may need to adjust these ,e.g. minus 1 or 2 in order to remove the scrollbars if they appear). This second part may not work/be necessaary, because the containing div has styles of 100% for width and height hard coded, outside of the javascript.

[DiY_DiY]

Hi, I'm trying to use this extension, and everything seems to be alright, but it doesn't show anything when I click the button, what could be a problem? Thank you

[TIMAI2]

You have not set your headers in the arrayTable. Try like this:

[DiY_DiY]

It works, thank you

[Wes_Savage]

@TIMAI2 Is there a way to detect when the chart has been received from Google (presents on screen)?

Thank You

[TIMAI2]

@Wes_Savage

Is there a way to detect when the chart has been received from Google

As suggested in your help topic, and here on post #70

[Free] ChartMakerPlus - an extension to make google charts

You can use the webviewer's PageLoaded event for this. [image]

[Wes_Savage]

Thanks .. I knew it had to be something I was overlooking

[Seller_Newbie]

Hello, How can i put some values in the center of pie chart if pie chart have piehole.