width: calc(100% - 235px) causes charts to leave container
Open
- Dominant language
- JavaScript
- Stars
- 9.3k
- Forks
- 1.4k
- Avg merge
- 6d 16h
- Merged PRs (30d)
- 1
Description
Hi so i'm using bootstrap and the wrapper has width: calc(100% - 235px); this means the content gets resized to fit the screen when I toggle the side nav bar. However the charts leave the container instead of resizing, but also gets fixed when i change window's width. So it needs like a quick refresh for everything to go fit perfectly. Same thing when switching through tab-panels.
Here's my c3 script
`
var chart = c3.generate({
bindto: '#chart',
data: {
columns: [
['Data1', 30, 200, 100, 400, 150, 250],
['Data2', 50, 20, 10, 40, 15, 25]
],
types: {
Data1: 'bar',
Data2: 'bar'
},
colors: {
Data1: '#43aea8',
Data2: '#bac3d2'
},
colors: {
Data1: '#43aea8',
Data2: '#bac3d2'
},
groups: [['data1', 'data2']],
}
});
`
MY c3 and d3 libraries are the latest.
Contributor guide
Assessment
This issue has not been assessed yet.