c3js / c3js/c3

New chart type request: candlestick charts

Open
#121 23 comments 8 reactions 0 assignees View on GitHub
C-feature-request C-new-chart on hold plugin candidate
Dominant language
JavaScript
Stars
9.3k
Forks
1.4k
Avg merge
6d 16h
Merged PRs (30d)
1

Description

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'
}
}
}
```

Contributor guide

Open the contributing guide

Research direction

Start by tracing how the existing timeseries chart configuration and rendering handle data columns. Use the proposed x-axis and OHLC object shape as the starting point, then determine the rendering and interaction requirements for candlesticks. Done means a timeseries chart can accept the shown data and display candlestick values correctly.

Written by the indexing model from the issue text.

Assessment

Tech stack
d3, javascript
Domain
data-visualization, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.