question-mark
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:open
  • Created 9 years ago
  • Reactions:8
  • Comments:23 (3 by maintainers)

github_iconTop 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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found