c3js / c3js/c3

Truncated circle for the last value

Open
#1,888 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
9.3k
Forks
1.4k
Avg merge
6d 16h
Merged PRs (30d)
1

Description

Hello,
first things first: thanks for this awesome library!
I'm having an issue and I can't figure out why.
The circle that focus on the last value of the x axis is truncated. (In the image you can see what I'm talking about)
truncated
I think I've tried everything from padding to width and I can't figure out the problem. For the other value there is no problem at all, it looks like "the canvas" of the chart end on that part of the circle.
I'm using twitter Bootstrap at this is the code for the chart:

```
var chart = c3.generate({
bindto: "#grafTempDash",
data: {
x: 'x',
xFormat: '%Y-%m-%d %H:%M', // 'xFormat' can be used as custom format of 'x'
columns: [
a,

b

],
colors: {
'Temperatura Esterna': '#E7443A',

},
},
legend: {
position: 'inset',
inset: {
anchor: 'bottom-left',
x: -10,
y: 0,
background: 0,

}
},
axis: {
y: {
padding: {bottom: 0},
min: minDomain,
tick: {
outer: false
},

label: { // ADD
text: 'Temperatura °C',
position: 'outer-right'

}
},
x: {
type: 'timeseries',
tick: {
format: '%H:%M',
values: e,
outer: false
}
}
}
});

```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.