我在顯示角度材質元素和C3.js圖表時遇到了一些問題。角度材質渲染c3圖表
隨着角度材料的新版本,在小部件出現滾動條。 有誰知道如何禁用它?我想要顯示其固定大小的小工具。 請看看plunker。
第二個問題與C3圖相關。 我在瀏覽器中打開應用程序(也是這種情況),然後打開圖表顯示的對話框。然後關閉對話框並再次打開,圖表被打破。
什麼可能是這個問題的原因?我在我的項目中使用了很多庫(ngAnimate,ngAria,ngCookies,ngResource,ngTouch,ui.router,ngMaterial,ngMdIcons,ui.grid,ui.grid.selection,ui.grid.cellNav,ui.grid.pagination, ui.grid.resizeColumns,leaflet-directive,bootstrap,jQuery,c3,d3)。我需要注意他們的訂單嗎?
這裏是C3圖表,控制器(數據來自外部源 - DB):
angular.module('app')
.controller('ChartCtrl', ['$scope', '$stateParams',
function ($scope, $stateParams) {
$scope.param = $stateParams.param_1;
d3.json('/chart1/'+$stateParams.param_1, function(err, data){
if(err){ throw err; }
$scope.data = data;
//console.log(data);
$scope.$apply();
$scope.chart = c3.generate({
bindto: '#chart1',
/*size: {
height: 350
},*/
data: {
json: $scope.data,
//columns: $scope.data,
keys: {
value: ['data1', 'data2'],
},
type: 'bar'
},
bar: {
width: {
ratio: 0.4 // this makes bar width 50% of length between ticks
}
},
grid: {
x: {
show: true
},
y: {
show: true
}
}
});
});
}]);
而且它包括在面板的小部件的指令的HTML模板:
<div id="chart1" ng-controller="ChartCtrl">
<div id="chart1"></div>
</div>
感謝Cyril,它幫助和滾動條被禁用。 – corry