Open Aman725 opened 7 years ago
Same issue here... Charts only show on default tab for bootstrap 4...
Sounds like there could be an interaction with react-bootstrap here. I've had some issues in the past with react-bootstrap doing things in strange ways.
I have no time for the foreseeable future to look into this, but I can make enough time to review and merge a fix if someone wants to investigate and make a pull request.
i having the same issue too, but i solve it by given a default height to the div
<div className="chart-wrapper" style={{ height: 300 }}>
<Line data={line} options={options} />
</div>
Hi, I am trying to render multiple Doughnut charts in multiple tabs(react-bootstrap tabs), But Doughnut chart only shows on Default tab.
Here is the code for parent component with tabs
export default class DealBreakUpStats extends Component { constructor(props) { super(props) this.state = { key: 1 }; } handleSelect = (key) => { this.setState ({ "key": key }); } render() { const {stats} = this.props; var colors = ["#581845", "#900C3F", "#C70039", "#FF5733", "#FFC300"];
}`
Here is the code for child component with Doughnut
export default class DealBreakUpSectorSegment extends Component { constructor(props) { super(props) }
}`