我使用C3
JavaScript库显示图形数据.当我的页面最初加载时,图形将被隐藏.直到选择页面上的“选项卡”,才能显示图形.
我看到的麻烦是,我的第一个图形在首次加载时不符合其包含的div标签.我可以通过单击一个按钮来更改查看数据的日期范围,此时图形的大小正确.
以下是我用于图形的相关HTML(请注意,我使用AngularJS,以帮助/阻止事情)
<div class="chartgrouping"> <div ng-show="showGraphSection" class="graphA"> <h2 class="section-main-heading">Data A</h2> <div id="dataAChart" class="chart c3"></div> </div> <div ng-show="showGraphSection" class="graphB"> <h2 class="section-main-heading">Data B</h2> <div class="stats"> <div class="highest-value">Data Breakdown<span>{{percentageOfSubstance}}%</span></div> <div class="goals">GOAL: 20%</div> </div> <div id="dataBChart" class="c3" style="max-height: 320px; position: relative;"></div> </div> </div>
这个问题有很好的解决方案吗?
解决方法
原文地址:https://www.jb51.cc/js/151274.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。