首页 > 其他 > 详细

bizcharts内部的canvas在页面中的布局位置

时间:2020-05-26 17:34:38      阅读:130      评论:0      收藏:0      [点我收藏+]
// 先计算出外框的宽高,传入内部的Chart部分,由于我的card中还有其他的内容,所以Charts的 forceFit 要设置成false(图表的宽度自适应开关,默认为 false,设置为 true 时表示自动取 dom(实例容器)的宽度)
// padding 设置图表内边距
<Card cumulateContainerRange={(width, height) => { this.setState({ chartStyle: { width: width, height: height } }) }}>
    <div>其他自定义内容区域,高度是x</div>
    <Chart forceFit={false} width={this.chartStyle.width} height={this.chartStyle.height - x} padding={[20, 50, 20, 50]}></Chart>
</Card>

// Card 相关
componentDidMount(){
    this.props.cumulateContainerRange(this.refs.custom_card_container.clientWidth, this.refs.custom_card_container.clientHeight)
}
<div ref="custom_card_container">
</div>

 

bizcharts内部的canvas在页面中的布局位置

原文:https://www.cnblogs.com/lskzj/p/12666769.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!