C3 Stacked Bar v3.0.1

Published by Soliant Consulting on March 30, 2020
Updated on April 10, 2020
Tags: Charting
Download Send To Carafe
Download Send To Carafe
Created By: Jesse LaVere
Version: 3.0.1

Windows Tested: No
Offline Compatible: No


D3.js is a powerful JavaScript library for manipulating documents based on data, but it can be complex. C3.js is a D3-based reusable chart library.


C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more.


C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3.


C3 provides a variety of APIs and callbacks to access the state of the chart. By using them, you can update the chart even after it's rendered.

C3 Stacked Bar Chart


jamesglendinning · May 20, 2020 at 5:01 am

This is great! Quick Question – how do set the background colour to none/transparent? Is that possible? I can set it to a colour OK, but I want it to be transparent…

    Jeremiah Small · May 20, 2020 at 1:42 pm

    A great place to start when you’re working with a bundle is the Reference links. In this case, take a look at https://c3js.org/ if you’re interested in learning how to customize the bundle for your own needs. Also there is a ton of how-to material on working with Carafe at https://carafe.fm/tutorials/

    Good luck, and let us know how you make out! If you create a useful variant, feel free to contribute it back to the community via this site.

Leave a Comment