Forum Academy Marketplace Showcase Pricing Features

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

Update 4.2.0

1 - You can now specify a minimum and maximum value for the Y-axis! This feature is available for: Line charts, Area chart (single and multiple lines), Bar chart (single and multiple bars) and the Candlestick chart.

Don’t forget to refresh your editor after upgrading


Update 4.3.0

1 - Added the ‘Bar width’, ‘Bar height’ (for horizontal bar charts) and the ‘Starting shape’ property for the single and multiple bar charts.

Don’t forget to refresh your editor after updating


Hi! Question is possible to create a chart based off for one field for one item in the table?

Hi @mariel.vargas most of the charts needs a list of numbers (Y-axis data) and a lists of texts (X-axis data). If that field/item in the database can provide that it should work! :slight_smile:


Thanks Thimo!

Update 4.4.0

1 - The scatter chart now works with only 1 data series.

Don’t forget to refresh your editor after updating

1 Like

Hi @Thimo, great work with your plugin, I started using it a few days ago and it’s really beautiful and game changing for us, thank you so much for this wonderful job !!

I have two questions :

  • do you think it would be possible to do a scatter chart with unlimited numbers of series ?
  • do you think it could be possible to have two series for the radar chart ?

It would be awwwesome !

Thanks a lot !!

1 Like

Hi @alexandre4, great to hear that you are enjoying the plugin!

Unlimited data series for the scatter chart is not something that could be implemented I am afraid. I will take a deeper look for you, but I don’t think it will work.

Multiple data series for the radar chart is something I want to try to implement in the coming weeks though! So that is something I will definitely look into and with positive results I will include it in the next update! :slight_smile:

Hi @Thimo, thanks for your fast answer ! Cant wait for the next update :slight_smile:

Happen to have a horizontal box and whiskers chart on the roadmap?

Hi @howard.lothrop! As far I know ApexCharts.js doesn’t support a horizontal box and whiskers chart (yet). If they end up implementing something like that in the future I will definitely take a look at it!

Could make a candlestick google chart with a vertical orientation

Need an HTML element and to use a workflow event of run javascript to put the script in

Update 4.5.0

1 - The radar chart now supports up to 4 data series! @alexandre4

2 - Legends are now supported with radar charts

Don’t forget to refresh your editor after upgrading


OMG! I love this plugin so much!

1 Like

Great update, thanks @Thimo !!

1 Like

Just bought the plugin and loving it so far!

There seems there’s a lot of empty space that’s wasted. Way too much padding. Hard to position my own labels as a result.

With legend:
Screen Shot 2020-07-20 at 11.23.19 AM

Without legend:
Screen Shot 2020-07-20 at 11.23.45 AM

Here’s another example of that naaaaasty padding on the top:

*added the border to show the padding in question. I removed the toolbar, etc and nothing.

Please note that on the design, my label is flush with the graph. Any way I can control that padding?

Hi @alejandrowunderlich!

You can use these fields to control the padding: :slight_smile:

If you are not using the legends for example, you can also enable sparkline to optimize the chart for smaller spaces:


Hey thanks for the fast response. Love that padding option, however, it doesn’t seem to do much:


Top and bottom padding is at 0 here.

The space you are seeing now is for the labels so they don’t get cut off. If you enable sparkline it will fit inside your group like this:

Notice here that it will hide the labels on the axis. You can see this chart on the demo page (editor is public)

I will recommend that you play around with these options to create the optimal chart for your use-case :slight_smile:



Great plugin. I was thinking of using it for an app but hit a snag.

  • In a scatter chart, would it be possible to trigger an action on hover (along with exposing the x/y values)?

The flow I’m thinking.

If I have an action that triggers on hover (which gives me the x/y), I can move a drag/drop group there and have the tooltip fully customizable with buttons. (each point in my scatter plot is quite special)…