Apexcharts.js: Mixed Chart with both Column and Stacked Bar

Created on 22 Jan 2020  路  3Comments  路  Source: apexcharts/apexcharts.js

Is there a way to have mixed charts with

  1. stacked bar
  2. column
  3. line

charts together.

image

Is there a way to have column and stacked bar chart in the same graph with another line chart?

Most helpful comment

Sorry, that's not achievable currently.
Grouped and Stacked column charts have been suggested before in this thread and may come in the future.
Related to #196, #26

All 3 comments

Sorry, that's not achievable currently.
Grouped and Stacked column charts have been suggested before in this thread and may come in the future.
Related to #196, #26

The way that another graphing library handles this is rather elegant.
For each series, you can pass in a stack id.

       <Bar dataKey="female" stackId="a" fill="#8884d8" />
       <Bar dataKey="male" stackId="a" fill="#82ca9d" />
       <Bar dataKey="uv" fill="#ffc658"/>

https://jsfiddle.net/alidingling/9hjfkp73/

+1 to this feature!
another library has this functionality, here's an example:
https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SideBySideStackedBar/React/Light/

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tcarlsen picture tcarlsen  路  3Comments

georgehardy picture georgehardy  路  3Comments

jeroenpol picture jeroenpol  路  3Comments

felixalguzman picture felixalguzman  路  3Comments

rudeayelo picture rudeayelo  路  3Comments