Question

当我打开对话框并单击下一个选项卡时，图表上有strange behavior。轴刚刚消失：/

我已经在两个控制器中分别定义了图形并绑定到md-tabs：

<div class="md-padding" id="popupContainer" ng-cloak>
    <md-content>
        <md-tabs md-dynamic-height md-selected="selectedIndex">
            <md-tab label="Tab 1" aria-controls="Tab 1"><span flex=""></span>
                    <div class="panel-body" ng-controller="GraphCtrl" ng-cloak>
                <svg id="chart1" width="450" height="300"></svg>
            </div>
            </md-tab> 

            <md-tab label="Tab2" aria-controls="Tab 2"><span flex=""></span>
                <div class="panel-body" ng-controller="Graph2Ctrl" ng-cloak>
                <svg id="chart2" width="450" height="300"></svg>
            </div>
            </md-tab>
        </md-tabs>
    </md-content>
</div>

请查看plunker发生了什么。

Answer 1

你需要在选项卡上选择调整大小（为什么我认为这是问题所在，因为如果你调整浏览器大小，你会看到x / y音阶回来！）

选项卡选项卡

上的此类内容

$scope.chart_grid_lines.resize()//in reference to your plunk above

在选项卡2的选项卡上选择此类内容

$scope.chart.resize()//in reference to your plunk above

滚动选项卡的Angular Material清除C3图表中的轴

1 个答案: