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

2 Likes

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

2 Likes

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:

2 Likes

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

https://developers.google.com/chart/interactive/docs/gallery/combochart

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

2 Likes

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

EDIT:
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:

2 Likes

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

image

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:

2 Likes

@Thimo

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)…

Thanks

ZubairLK

2 Likes