Forum Academy Marketplace Showcase Pricing Features

[New plugin] Beautiful Customizable Charts and Graphs (ApexCharts.js)

Hi Thimo

Okay. Thanks for the answer. I must try and find a workaround.

How do you change the font of a bar chart? When i change to another font, it does not seem to change anything.

Jacob

I think you could use javascript plug in to make a bubble list, which could then be charted.

Jacob,

I already have a customized chart plugin built from chartjs. It doesn’t have the features that @Thimo has provided, but it does allow you to specify the data set in a different way (which is why I built it in the first place).

If you really need a solution and someone doesn’t offer something better to you, just tag me in a few days and I’ll look into it for you.

Hi Jacob, you should be able to change the font by using the Bubble font selector. You can see on the demo page that the charts all have the ‘Poppins’ font. If you don’t see a change, could it be that you have some custom CSS that interferes with this?

Would it be possible to add the option to show a vertical bar representing the current date/time in Gantt Charts? Without it its really hard to understand the progress of the Gantt chart

@nico.dicagno I pushed update 6.53.0 for you thats adds the ability to have an annotation that indicates the current date:


1 Like

Thank you very much Thimo, this is amazing.
I am thoroughly impressed by the speed of this update, and the plugin in general.

I want to graph a linear function like “y=2x+3”. Is this possible?

y2x3-1.jpeg

Hi @Thimo . Thanks as always for the great plugins. I’m having an issue with a Gantt chart that I’d like to have more than 4 series on. Using the “Append Data Series” action on page load seems to work, but there doesn’t seem to be any way to keep the chart updated with new data aside from refreshing the page. Using re-render doesn’t work, and using ‘append data series’ again just duplicates the series. Any work around here?

Right now this chart type does not have an ‘update appended data series’ workflow action to update the data series you have appended. I do definitely see the use case so I will put it on my list to include in a future update! :slight_smile:

1 Like

Hello @Thimo,
We love this plugin. It’s worked amazing for us so far.

We ran into an issue lately though. Our graphs on our dashboard page used to update automatically if you kept the tab open and new data entered into the database. However, the charts no longer update when our database gets updated. We have “Enable Animation” checked but it still doesn’t seem to update. Any ideas?

Thank you,

Brett

Hi @brett4 This is odd! I will PM you so we can go into more detail!

Hi Thimo,
Would it be possible to add a dark mode for the heatmap which colors low-valued grid-spaces with a dark shade rather than a light grey?
The light grey heatmap looks quite odd when using a dark color scheme.

Hey @Thimo where can I find a scatter datetime chart?

Hi @paulogustavopeixoto!

The plugin has support for a ‘numerical’ scatter chart and not yet a ‘date-time’ one! I see that there is a chart like that supported by the library, so I will put it on my list for you! :slight_smile:

1 Like

Update 6.55.0 & 6.56.0

1 Like

image

@Thimo
For dynamic marker colors, is there a way to get the “This marker’s value” so that I can change its color depending on the value?

@Thimo
Hi. when it starts ‘show a popup’ and ‘hide a popup’ workflow, every charts and table/grid ( I also using table/grid made by you) reload and this makes my app so slow. (I’m using external API for the data source, for your reference)
Do you know why this problem happens?

@alejandrowunderlich Right now you can only specify 1 color for the markers, and not yet a list of colors.

@yongjun Bubble re-renders the element everytime changes are made (e.g. screen resized, element shown, data changed etc). If you want more manual control over when the element re-renders, you can check the following checkbox for both the Chart and Table plugin. When you do this you can manually re-render the chart by using the re-render workflow action:

Chart:

Table:

Note: it also could be that your API is slow (maybe you are loading too many items). In that case you may want to save your API response to a state. That way it doesn’t update everytime.

My x-axis labels are being cut off like so:

This occurs with every update including and after 6.52.0 Fixed the rotating and overlapping labels bug. I tried adjusting the height of the chart as well as the font size of the x-axis label but to no avail.