Forum Academy Marketplace Showcase Pricing Features

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

@Thimo
Hi, Thank you for the greate plugin!
Could you tell me if I can select colors of each stack bar charts’ parts?
I mean in your demo, visitor part is “Orange”, sales part is “Blue”… and so on.
I need define each color by Hexadecimal color cpde.

If not, is there any plan to update ?

Hi @KeitaroNakata,

You can specify the colors of the chart using the color picker inside the chart properties:

Does this answer your question?

Hi @Thimo is it possible to use date for the X axis on scatter charts? Right now it requires a list of numbers. I can convert my dates to numbers, but then i don’t see a way to convert them back for labeling. It appears this is supported in apexcharts under “Scatter - Datetime”

1 Like

hi @Thimo
yeah, Thank you for your reply!

Hi @andyestridge

At this time only a list of numbers is supported for the X-axis (scatter chart). Dates should be possible, but I think this will require a whole new chart as I can’t have one field for both numbers and dates. Using dates will also require some other tweaks to the code. I will look into this to see if I can find a viable solution!

1 Like

Update 6.13.0

Added the ability to specify the amount of ticks on the X-axis

2 Likes

I second this. This would be huge for many different scenarios

@Thimo

What was the problem of this one, because I’m having the same issue with treemap won’t render at times, I think maybe when there is too much data doesn’t render, can you confirm that?

Hi @vascolucci ,

I don’t think to much data is the issue. I have rendered the treemap with lots of data in the past without problems (but I don’t know how much data you are loading). I think the problem here might have to do with using custom states instead of ‘do a search for’ but I couldn’t replicate it. Do you use custom states or do you see any errors in the browser console when this is happening?

1 Like

I sent you a PM with the error log.

hi @Thimo :wave:t3: another request! can you enable y axis flip/reverse on line charts?

If I recall correctly, ApexCharts does have support for reversed y-axis. I will take a look in the coming days if I can include it in an update for you! :slightly_smiling_face:

1 Like

Hi @Thimo and thank you for this amazing plugin.

I’m using it for accounting purposes and i’m currently facing a problem trying to display the running balance of an account through an area graph :

I’m using a Repeating Group to calculate in a dynamic way the running balance :

This is how the balance calculation is done :


It’s the sum of each row from the 1st one to the current one, sorted by date.
Now this is working great in a repeating group.

But when i’m trying to display the Balance column on a area graph, i cant find a way to set the correct Series Data’s list of numbers, as this list is not stored in the database. It is not stored and can’t be done as all the values of the list are linked together. Adding, removing or editing a value would have an impact on all the following values as it is by nature a running balance.

This is quite frustrating as the right list of values is printed in the repeating group…

If you have an idea on how to solve this, it would help a lot all financial users as running balance are almost everywhere.

Thank you so much
Romain

Hi @romain.lessard

This is a complicated data formatting question. Applying calculations on a list (and creating a new list with those values) is not yet a native Bubble feature as it requires you to loop over the list and save the values to a new list (for example a custom state).

There is a plugin I have used in the past to do list calculations, but there may be others for you to use. This is pretty complex though. Hopefully this points you in the right direction! :slightly_smiling_face:

3 Likes

@thimo, Love the plugin!

Though, when I was trying to use geographic data in the heatmap chart, only the “data type” field presents itself. Is that intentional? I think this is causing the issue I’m seeing, where the heatmap doesn’t render on page load.

image

Hi @jwtuckr !

You should make sure that you use a data type that has fields to use for the X-axis and Y-axis (screenshot from demo page):

The ‘geographic address’ data type doesn’t have field for the X-axis and Y-axis that is why those field don’t show and as a result the chart is not getting displayed. You can take a look at the editor of the demo page to see how the data is structured: Chartpreview | Bubble Editor :slight_smile:

Update 6.14.0

Added support for a reverse Y-axis:


@andyestridge

Don’t forget to refresh your editor after upgrading.

1 Like

bravo! thanks :smiley:

Ah, that makes sense! Is there a chart type you recommend to easily take in a list of geographic addresses (countries), but also counts the instances of each country?

example list:

  • USA
  • USA
  • USA
  • Germany
  • Germany
  • Germany
  • Germany
  • Germany
  • Japan
  • Japan
  • Japan
  • Japan

Thank you Thimo!
I’ll keep digging in that direction