New chart type request: candlestick charts
See original GitHub issueI 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 Results From Across the Web
Candlestick Charts - Google Developers
Overview. An interactive candlestick chart. A candlestick chart is used to show an opening and closing value overlaid on top of a total...
Read more >Understanding a Candlestick Chart - Investopedia
Candlestick charts originated in Japan over 100 years before the West developed ... while there was a link between price and the supply...
Read more >JavaScript Candlestick Charts Examples - ApexCharts.js
Create JavaScript Candlestick Charts to create financial charts or to describe price changes of a security, derivative, or currency.
Read more >Binance API Tutorial (Part 8) - Real-Time Candlestick Charts ...
Once the initial chart is rendered, we dynamically update the last candlestick and add new candlesticks to the chart using real-time ...
Read more >Chart Types: candlestick, line, bar - CME Group
Look at three different kinds of trading charts, candlesticks, ... A tick chart generates a new bar or line point after a certain...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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