Forum Academy Marketplace Showcase Pricing Features

[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.

@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