Question

我有一个带有几个UI-Bootstrap手风琴的视图，每个手风琴都带有它的第一个抽屉，显示了一堆图形（我使用了tc-angular-chartjs库）。

现在第一个手风琴的第一个抽屉总是在页面加载时打开，它总是加载并绘制图形。然而，第二个手风琴的第一个抽屉总是在页面装载时关闭，当我打开抽屉时，我可以看到它的图形从未被绘制过。

有趣的是，当我将代码更改为始终在页面加载时打开抽屉时，图形始终会开始。

编辑：这是标记，手风琴是在数据中生成的 - ng-include

<accordion data-ng-model="machine.accordionOptions.oneAtATime" close-others="machine.accordionOptions.oneAtATime">
                        <!-- STATUS -->
                        <accordion-group is-open="machine.accordionOptions.isFirstOpen">

                            <accordion-heading>
                                <i class="glyphicon" data-ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i> 
                                <span class="paused">Status:</span> Low Hit ration since {{2}} hours ago. High machine load average since {{2}} hours ago.
                            </accordion-heading>
                            <!-- data-ng-include body -->
                            <div data-ng-include="'angular/templates/dashboard/status.tmpl.html'"></div>                         
                        </accordion-group>

                        <!-- more drawers-->

                        </accordion-group>
                    </accordion>

并在＆＃39; angular / templates / dashboard / status.tmpl.html＆＃39;内我有几个..

<div data-ng-repeat="chart in rpDataLinecharts" class="col-lg-4 grid-box">
<strong>{{chart.title}}</strong> <span style="color: #aaaaaa;">{{chart.hint}}</span>

<div>
    <canvas data-tc-chartjs-line data-chart-options="linechart_options" data-chart-data="linechart_data[$index]" data-auto-legend></canvas>
</div>

我在这里缺少什么？

Answer 1

由于Bootstrap手风琴和帆布的已知问题，tc-angular-charts无法绘制，如果它没有显示它不应该绘制，并且当手风琴抽屉打开以显示时图表，没有任何东西告诉画布代码运行。最后，我用使用SVG的Angular-nvd3图表替换了它们，从那时起一切都很顺利。

图形不会在封闭的Accordion抽屉中绘制

1 个答案: