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

@Thimo

Hi Thimo,

See chart below. How do I make the line to appear in front of the bar?

Also is it possible to add an option for the zero line colour?

image

@hello.plannwin The behaviour you are looking for is the default for the line chart. As this mixed chart supports Area and Bar charts, I added the option for you in update 6.30.0 to convert the area series to line series to get the desired result:


Donā€™t forget to refresh your editor after upgrading

Not really sure if I fully understand your feature request, could you maybe explain a bit more about this feature? :slight_smile:

1 Like

The zero lines is currently just the normal gridline. itā€™s fine if thereā€™s no negative value. But when thereā€™s a negative value, it would be nice to have a line to separate negative and positive bars.

1 Like

@Thimo

Also look like the pyramid chart canā€™t handle 0 (null value).
image

As you can see, the most recent bar where the green bar value (profit) is zero and red bar is $4890. The chart didnā€™t render correctly. it should just render the red bar as normal as there is a value of $4890.

@hello.plannwin I am unfortunately not able to reproduce this issue. I will send you a PM so we can take a better look! :slight_smile:

@Thimo Thanks for the incredible plugin Iā€™ve been using it for months now and itā€™s amazing!

Iā€™m just trying to add a new kind of multi series line grarph and struggling with how best to implement it. My use case is that I want to create a line chart with a line for each answer of a survey, linked with the number of responses for that answer.

My problem is that the answers are different for each user and stored in the database, so Iā€™m not sure how best to plot them on the graph, or if itā€™s even possible. Would be super grateful for any guidance!

James,.

@jamesdevonport Maybe a solution could be to loop trough the list of answers and append a new series for every item. I always use the free List Shifter plugin for looping over lists. When appending new series on page load, make sure the chart is loaded (you can use the ā€˜is loadedā€™ state of the chart for this) :slight_smile:

Let me know if this points you in the right direction!

@Thimo

Hi. I think this plugin is awesome. It has so many useful feature for my app.
but I have an issue with the MixedChart-Area+Bar chart.

20210611_202521

I want to bring the area chart to front of bar chart.
Is it possible?? If not, how can I change opacity of fill color of bar chart?
I donā€™t know how to put rgba. when I put rgba(255,255,255,1.0) in the color option, it changes to hba automatically.

@yongjun The Area chart is by default at the back, but I did push an update a couple of days ago to let you convert the area series to a line series to bring them to the front (line series is always in front by default). You read more about the update below:

Hopefully this helps! :slight_smile:

1 Like

@Thimo back with another request :slight_smile:

is it possible to allow operators on labels? For example, i want to use the heatmap chart, but my desired label is a number. Iā€™d like to just use number:as text ! It would also be helpful (to me) in places where a piece of data has an id & i want to lookup the relevant name.

Thanks as always!

@andyestridge At this time this is not yet available for the Heatmap chart as the heatmap has a slightly different setup than the other charts. I will have a look for you to see if I can have the Heatmap accepts numbers as-well! :slight_smile:

1 Like

ok! not a huge deal as i can just make a text value for future data entries. Low-priority

Is it possible to give access to the font color on data labels in heat-map chart? It defaults to white right now which is impossible to see on occasion:

@andyestridge I just pushed an update (6.31.0) for you that lets your specify the data label font color for the Heatmap! :slight_smile:

2021-06-16 om 19.41.21

Donā€™t forget to refresh your editor after upgrading to see the newly added field

1 Like

thanks!

@Thimo :wave:t3: me again :laughing:

Iā€™m doing more fun stuff with this heat map chart. Do you think you could add a couple things i see available on apexcharts?

  1. Multiple series (specifically colors per series)
  2. color range (aka dynamic colors)

thanks as always!

@Thimo
Hi, just purchased this plugin for the Treemaps and things look good so far.

One issue/question though: In one Treemap I need to use longer entries for the label to be displayed (text like short sentences, up to around 10 words or so).

The default behavior of the Treemap is to reduce the font size instead of breaking the text up in two or more lines. This makes the text unfortunately unreadable.

Any advice on how to change this behavior? The boxes are easily large enough to display the full text in a nice way if it would automatically wrap into 2-4 lines while keeping the font size or reducing it less.

I wrote your feature requests down and I will explore if I can implement them in a future update for you! :slight_smile:

The Treemap chart does not offer a feature like this yet. I have looked into this for you and it seems like that this is unfortunately not yet supported but the library. I will look into to see if I maybe can implement a workaround for a feature like this. For the time being I would recommend to use shorter labels inside the Treemap if possible.

1 Like

Thanks for checking and your quick reply.
It is a bummer though. Appreciate if you could look into a workaround.

@Thimo Q for you: is there a way to make the heatmap show data points with 0 value? I see you have a calendar plugin which seems to do this, so i think itā€™s possible.

My thought was to use a bucket grouping, but since heatmap only accepts text, that doesnā€™t work. Any ideas?

0 values have a white background and in combination with a white data label color the value is not visible, is that maybe what you are referring to? Example:

The way the heatmap is setup it doesnā€™t allow for a bucket grouping. I am exploring the possibility to add another heatmap with the same setup as the other charts which may allow for a grouping, but I unfortunately canā€™t give you a timeframe for it right now

1 Like