c3js / c3js/c3

spline is cut off with when axis.y.padding is 0

Open
#690 2 comments 0 reactions 0 assignees View on GitHub
C-feature-request
Dominant language
JavaScript
Stars
9.3k
Forks
1.4k
Avg merge
6d 16h
Merged PRs (30d)
1

Description

A spline chart with `axis.y.padding` set to 0 will be cut off:

![image](https://cloud.githubusercontent.com/assets/572/4966188/affea250-67b1-11e4-9ce3-b8461331c597.png)

When the `y` axis shows a percentage, I would like to avoid padding since it introduces y ticks > 100.

A line chart of the same data does not have this problem:

![image](https://cloud.githubusercontent.com/assets/572/4966199/41ea1816-67b2-11e4-8448-81c715357a96.png)

It would be nice if the spline chart could be padded just enough to fit the spline but without introducing new ticks on the y axis.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing a spline chart with axis.y.padding set to 0, then compare its rendering with the equivalent line chart using the issue's examples. Trace the spline chart's y-axis and curve bounds; done means the spline is not clipped while the axis avoids introducing ticks above 100%.1

Written by the indexing model from the issue text.

Assessment

Tech stack
d3js, javascript
Domain
data-visualization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.