Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

New chart type request: candlestick charts

See original GitHub issue

I think it would be useful to have a type of timeseries chart that renders as a candlestick chart. The config could look something like this

var chart = c3.generate({
    data: {
        x: 'x',
        columns: [
            ['x', '2013-01-01', '2013-01-02', ...],
            ['data1', {high: 10, low: 4, open: 9, close: 8}, ...]
        ]
    },
    axis: {
        x : {
            type: 'timeseries'
        }
    }
}

Issue Analytics

State:
Created 9 years ago
Reactions:8
Comments:23 (3 by maintainers)

Top GitHub Comments

6reactions

martingrahamcommented, May 9, 2018

I dunno if anything happened with this, but with a combination of css and a stacked bar chart you can give the impression of a boxplot/candlestick chart

However, you do have to process your data first to give the correct gaps/heights

https://jsfiddle.net/uphokkax/1/

2reactions

SergioMerinoGesternovacommented, Nov 8, 2018

Hi, starting from the @martingraham 's code I have made the next code to integrate candlestick chart with c3: https://jsfiddle.net/Sergio11/wcztb3vy/ Hopefully soon c3 have candlestick charts natively