替换c3.js图上的图例
替换c3.js图上的图例
提问于 2015-09-14 11:28:34
我试图用新的角材质控件替换默认的c3图例。请看一下小提琴
在图下面有默认的c3图例，我想用上面的控件替换它。有什么办法吗？谢谢。
var myApp = angular.module('myApp', ['ngMaterial']);
myApp.controller('myCtrl', function ($scope) {
$scope.data = {
data1: true,
data2: true
}
$scope.chart_grid_lines = c3.generate({
bindto: '#chart1',
data: {
columns: [
['data1', 30,200,100,400,150,250],
['data2', 50,20,10,40,15,25]
]
}
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-14 12:00:32
您可以将ng-change设置为如下函数
<md-switch class="md-secondary" ng-model="data.data1" aria-label="Switch 1" ng-change="updateChart()">updateChart()将查看$scope.data并使用C3 API隐藏/显示该系列，如下所示
$scope.updateChart = function() {
if ($scope.data.data1)
$scope.chart_grid_lines.show(['data1']);
else
$scope.chart_grid_lines.hide(['data1']);
if ($scope.data.data2)
$scope.chart_grid_lines.show(['data2']);
else
$scope.chart_grid_lines.hide(['data2']);
}您还可能希望使用C3隐藏legend.show图例。
小提琴- http://jsfiddle.net/db2Lgs7x/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32563677
复制相关文章
相似问题
腾讯云开发者
