c3js / c3

:bar_chart: A D3-based reusable chart library
http://c3js.org
MIT License
9.33k stars 1.39k forks source link

New chart type request: candlestick charts #121

Open ryan-maus opened 10 years ago

ryan-maus commented 10 years ago

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'
        }
    }
}
masayuki0812 commented 10 years ago

Hi, thank you for the request. This looks nice. I'd like to add this feature, but it would be in version 0.2.x or higher.

ghost commented 9 years ago

+1

daxreyes commented 9 years ago

+1

aendra-rininsland commented 9 years ago

This sounds like a good candidate for a plugin idea. Alas, until #351 is complete, that is not possible. Adding on hold and closing, will reopen once plugin infrastructure is in place.

aendra-rininsland commented 9 years ago

Reopening after discussion with @masayuki0812 re: how to handle on hold issues.

hristod commented 9 years ago

Any news on the candlestick charts?

ultrageek commented 8 years ago

Any updates on this? I've been trying to find a hack, but I don't like the idea of using stacked bar/column charts to fake candlesticks. Actually, I'm trying to do "floating" column charts, which are essentially boxplots without the whiskers. (I spent a few hours using Google Charts last night, only to find I'd wasted my time because the scripts don't work in WordPress. C3.js scripts, however, work fine in WordPress.)

MarcGodard commented 8 years ago

update?

Nikcrysis commented 8 years ago

Any updates?

TruDan commented 7 years ago

+1

stevewirts commented 7 years ago

boxplot would really great to have... any chance this could go in soon?

Anniepoo commented 6 years ago

+1

kidwellj commented 6 years ago

Just wondering at the state of this discussion? I'd be willing to put in some dev time getting box plot / candlestick (which aren't quite the same thing BTW) implemented as a feature here, but haven't spent much time digging in the current code to know how much effort we'd be talking about.

stevewirts commented 6 years ago

both these plot types would be quite useful

On Mon, Aug 7, 2017 at 6:26 AM, Jeremy Kidwell notifications@github.com wrote:

Just wondering at the state of this discussion? I'd be willing to put in some dev time getting box plot / candlestick (which aren't quite the same thing BTW) implemented as a feature here, but haven't spent much time digging in the current code to know how much effort we'd be talking about.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/c3js/c3/issues/121#issuecomment-320627993, or mute the thread https://github.com/notifications/unsubscribe-auth/AC6Sp7f6dTOuYkJUP3iam4zP5MzSiPVCks5sVuZQgaJpZM4BvdpI .

z1mmz commented 6 years ago

+1 really would love candlestick charts

ahmednoureldeen commented 6 years ago

+1

rszemplinski commented 6 years ago

+1

MarcGodard commented 6 years ago

+1

cristiandan commented 6 years ago

+1

martingraham commented 6 years ago

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/

SergioMerinoGesternova commented 5 years ago

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

IntusFacultas commented 4 years ago

+1

adamwiw commented 3 years ago

+1