Forum Academy Marketplace Showcase Pricing Features

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

ok thanks- will give it a shot!

I found the culprit.

It was a case of “race condition” happening in the workflow.

Basically, step 2 is triggered before step 1 has reset the parent group and, so, the chart kept displaying the same data. However, everything works as intended if I add a brief “pause” between the 2 steps.

@Thimo

I have 2 requests that would make your plugin even more awesome!

  1. The option to remove/hide the marker from the tooltip (I know I could build a custom one):
    image

  2. The option to display the x-values inclined (useful when working on mobile):
    image

Thank you!
Dodo

Hi @dodo

I have put the first feature request on my list and I am actually already working on your second feature request :slight_smile:

1 Like

Hi @Thimo Im looking to display roster information for staff as a GANNT chart (by Date and duty type)

Do you support draggable updates in charts? I would like to swap people into different duties by dragging their values. If not would an alternative be to click on the value and open a popup that allows a shift to be edited?

Thank you in advance
John

This is not supported right now.

There are click events for when you click on a bar in the Gantt/timeline chart:

You should be able to edit a data entry as you have access to certain elements states (like the click index)

Hi @Thimo ,

I have one situation that I can’t see the solution in this topic…

I need to order a sum of grouped results, is any way to achieve this?

In this case order from max value to min in the Line/BarChart

Screenshot 2022-11-20 172403

Thanks.

Hi @jorge.r, it seems like you are using the Bubble chart plugin, and not the one this thread is about, but the solution here is super simple. Just place the the ‘:sorted by’ operator after your grouping in the data source field :slight_smile:

Update 6.60.0

1 - Added more options to control how the X-axis labels are rendered (incl. rotation)!
cc: @dodo @sydney22 @eric.schwantler

2 - For the bar chart you can supply a color range to color the bars depending on the value of the chart:

2 Likes

This is awesome, @Thimo! Just what I needed! Thank you so much! :star_struck:

Thx Thimo

Hey :slight_smile:

I’m using the radar chart on my app, and I have a question about the display of the datas.
I’m using it to display the notes of my students (/1).

If a student has : 0.75, 0.60, 0
The O.75 is diplayed at the maximum note (1), is it possible to display the “real” note, even if it is the highest?

Hope it is clear :slight_smile:
Thank you so much
Lorene

Awesome! Thank you!

A further improvement of this feature could be:

  1. The inclined X-values could be set manually at a certain page or chart width so that we can avoid a situation where the horizontal dates get too close to each other before switching to inclined. Alternative, you could establish some hidden default margins between the X-values so that we avoid the situation below.
    image

  2. To be able to set the inclination to 90 degrees for mobile view.

@lorenebergougnoux5 Yes you can do this by having the Y-axis min and max value as shown:

@dodo Thank you for your feature requests! These are possible so I will put them on my list and I will let you know when they are implemented :slight_smile:

1 Like

amazing thanks !!

Hi @Thimo Is there a way to add a color scale to the Heatmap chart? I’m trying to use it for a KPI visualization and low numbers are white, and I’d like them to be red so they pop up visually.

Hope this is a simple fix.

Hi @aestela! Right now custom color scales for the heatmap are not supported, but I have added this feature to my list and will try to include it in a future update for you! :slight_smile:

1 Like

Update 6.61.0

  • Added a field to control the ‘X-axis label rotation angle’ and a checkbox to always rotate the X-axis labels.
    cc: @dodo

1 Like

@Thimo
That’s awesome! Thank you so much!

1 Like

hey @thimo! we’re longtime users of apex charts and recently noticed a styling bug that now appears on the chart feature… there’s a few pixel green line that spans the last data point across the chart (see before and after) on mobile.

curious as to whether this is related to the responsive engine or recent changes (we’re up to date on the new release) and how to resolve this?

screenshot 1: from last week
screenshot 2: from today