Apex chart Charts order in Mixed chart


I’m currently using the library ApexChart and more particulary Vue apex chart combined with nuxt.

I’m building a dashboard and I’m trying to build a mixed chart composed of :

The three charts are displaying in the following order (from back to front) : Area – Bar – Line

I’d like to change the order to get the bar chart to the back but i don’t see how to do it.

What i’ve tried

I’ve tried to change the order of the series to put the bar chart last

series() {
  return [
    {
      name: 'My Line chart',
      type: 'line',
      data: this.capacityCalls
    },
    {
      name: 'My Area Chart',
      type: 'area',
      data: this.callsRealProd
    },
    {
      name: 'My Bar Chart',
      type: 'bar',
      data: this.callsToMake
    },
  ]
},

Source: Vue – Stack Overflow

November 23, 2021
Category : News
Tags: apexcharts | charts | javascript | Vue.js

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.