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

[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.

[TIMAI2]

This was previously asked in this topic:

[Free] ChartMakerPlus - an extension to make google charts

Hi, @TIMAI2 I am currently using the doughnut Chart with the link you have added. Everything working great, maybe you can help me with putting the title in the center of the doughnut. I dont have a picture but dont need picture to explain what I wanna do, it basically easy to understand. I just wanna know do i add the extras by the title area or by the extras area, and what is the best html to type in to make it happen. many thanks

I do not know of a direct solution with google charts for this

[Ha_Vu]

Can someone help me with how to use the CSS socket in the Table Chart? Sometimes my table has only one row and I need to fix the height of the row. I really don't want that height automatic expansion.
Thank you all.

[TIMAI2]

Not had a chance to test, but you can try adding something like:

.cssClassNames: { tableCell: {height:15px} }
or just
.tableCell: {height:15px}

Make sure you add a semi-colon after the previous last entry

ref

[Ha_Vu]

Thank TIMAI2 for your answer. I tried but it's not working. I made a simple example attached here (.aia file). Can you take a look and find a way to fix it? Thank you.
AskTIMAI2_ChartMakerPlus1_TableChart.aia (13.6 KB)

[TIMAI2]

I will take a look

[TIMAI2]

Can't figure out a css/options solution for this, but you could try this workaround; setting the height of the webviewer depending on the number of rows:

The webviewer is not scrolling for me, not sure why that is?

[Ha_Vu]

Thank TIMAI2. I think this is a very good workaround. I post some images of results for someone may need?

[Ha_Vu]

@TIMAI2

The webviewer is not scrolling for me

It's also not scrolling for me. With my phone, I can't see more than 21 rows. So, we need to upgrade the extension in the future to fix the CSS problem.

[TIMAI2]

The webviewer will scroll

I switched to using Height instead of HeightPercent, and set the default Height to 300 pixels.
The webviewer will scroll, if number of rows exceeds 20
You may need to play around with the "40" pixels setting....

[Ha_Vu]

Sorry for the late response. After changing, everything looks nice. Thanks so much.

[111225]

Thanks for this nice extension !
I need to make a scatter plot but this is not possible right now. Will be possible to add this in a future version?

[TIMAI2]

Possible, but no plans for it...you could make one directly with google charts, and the built-in Chart component in AI2 will be coming soon....

[lamadrama]

Thanks for the fantastic extension!

Now, I’m trying to plot real-time data from a sensor. While this does work in principle, repeatedly calling ChartMakerPlus.LineChart will cause the chart to “flicker” as an artifact of re-rendering the chart in WebViewer.

Is there maybe a way to avoid this? Any help would be appreciated!

This is (in principle) what I am trying to achieve: https://webdeasy.de/wp-content/uploads/2020/06/javascript-live-chart.mp4

Minimal (coarse) example: