Forum Academy Marketplace Showcase Pricing Features

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

Thanks @Thimo. Makes sense. Will try it out :blush:

Hey @Thimo !

I’m using your plugin ApexCharts - absolutely love it!

However, trying to do something, not sure if it’s possible…

We have this barchart, need the bars to be green when value is greater than 0, and red when below 0.

Tried using conditionals but can’t quite seem to figure it out.

Can the plugin support this?


I’m struggling with understanding how to add the 2nd Y Axis data correctly. I’m using the mixed chart with two data series - $ and #. Both are very different in scale. Both data series are aligning with the first Y axis, as a result I’m unable to read the second data set (picture). Each time I try to adjust the 2nd Y-axis series name, title, etc on the bottom of the element editor, nothing shows on my chart. Any guidance would be greatly appreciated.

Too answer my own question, all you have to do is add the Series name into the 2nd Y-axis series name found at the bottom of the element.

However, the series 1 data cannot not be placed there. It can only be all other data series.

@nick.tomic Yes you can use the color list field for this:

Just generate a list of colors for your data series separated by a comma. I have made a demo here: Chartpreview | Bubble Editor

Good afternoon, how are you?

I bought your plugin:
Advanced Gantt / Timeline Chart

I need to translate the label from days to “dias” in Portuguese and the month to Portuguese.
can you help me with this please

Hi @felipemnery

Right now the only language supported for the Gantt / Timeline Chart is English. I have looked into this and multiple locales are supported so I have put it on my list! I need to spend some time thinking about what the best way to implement this would be :slight_smile:


I am having troubles with setting the font on the Bar Chart element. I have set up Roboto, but it displays Helvetica, Arial, sans-serif instead. This issue only appears on the Bar Chart element. It works fine on the Area Chart element.

As you can see in the screenshot below the font looks pretty ugly particularly when having a rotation of -90:

For comparison, below is the screenshot of the Area Chart element. The latter correctly displays the Roboto font and looks much nicer:

Any idea on what’s the problem? Thanks!

One last question. Generally. do you suggest to tick on/off the “Do not refresh chart”? Does it affect the performance page if it remains disabled? I have used the re-render workflow to refresh the chart when changing conditions, but it wasn’t working as reliable as it keeping the “Do not refresh chart” disabled.

Double thanks!

Is does not really affect performance that much, it is more a preference. If it is uncheck, the chart will update when the data source gets changed (or, for example, the width of the element). If checked, this will not happen.

I just pushed a new version 6.83.0 that should fix this issue! :slight_smile:

1 Like

Update 6.84.0

  • Added the Border Radius & Border Radius Position property for the Bar Charts! (cc: @bryan9)

  • Updated to the latest version of ApexCharts.js

Is there any update coming to allow these longer texts in this chart? It’s essential for my project to have bigger fonts.

To implement a feature like this, this feature must be supported by the ApexCharts.js library that is used to create these charts unfortunately. Right now it is not supported, but I will leave a feature request for you on Github and hopefully it will get picked up! :slight_smile: