有什么方法我可以知道当前的活动幻灯片是什么?
var slides = slides = [];
slides.push({text: 'Slide 1', type: "chart", chartConfig : {
options: {chart: {type: 'bar'}},
series: [{data: [10, 15, 12, 8, 7]}],
title: {text: 'Hello 1'},
loading: false
}});
slides.push({text: 'Slide 3', type: "chart", chartConfig : {
options: {chart: {type: 'bar'}},
series: [{data: [10, 35, 52, 8, 7]}],
title: {text: 'Hello 2'},
loading: false
}});
$scope.slides=slides;
Run Code Online (Sandbox Code Playgroud)
<carousel>
<slide ng-repeat="slide in slides">
<highchart id="chart{{$index}}" config="slide.chartConfig"></highchart>
</slide>
</carousel>
Run Code Online (Sandbox Code Playgroud)
我不确定我是否需要添加手表?
请将此视为一个单独的问题:
您可以从我的代码中看到幻灯片中有2个图表信息.但当它出现/滑动第二个单独被挤压宽度.
换句话说,有什么方法可以在渲染时自动缩放高图?
有没有解决它的工作.
我试图将第二个标签设置为活动标签,不幸的是标题会消失.有什么我想念的吗?
<tabset>
<tab disabled="true">
<tab-heading><i class="fa fa-bell"></i> First tab</tab-heading>
<tab-content>
fixed tab content
</tab-content>
</tab>
<tab active="true">
<tab-heading><i class="fa fa-bell"></i> First tab</tab-heading>
<tab-content>
First content
</tab-content>
</tab>
<tab>
<tab-heading><i class="fa fa-bell"></i> Second Tab</tab-heading>
<tab-content>
Second content
</tab-content>
</tab>
</tabset>
Run Code Online (Sandbox Code Playgroud)