c3
c3 copied to clipboard
c3js
New chart type request: candlestick charts
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'
}
}
}
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.
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.
Reopening after discussion with @masayuki0812 re: how to handle on hold issues.
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.)
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.
both these plot types would be quite useful
On Mon, Aug 7, 2017 at 6:26 AM, Jeremy Kidwell [email protected] 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 .
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/
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
