我正在使用Angularjs和highcharts-ng库,我希望有一个高图指令,能够导出图表(显示导出按钮),另一个没有该选项(不显示导出按钮),但我没有设法禁用(隐藏)使用配置对象的按钮 . 我怎样才能做到这一点?
这是片段
var app = angular.module('app', ['highcharts-ng']);
app.directive('myChart', function(){
return {
restrict: 'E',
scope: {},
template: '<highchart config="chartConfig"></highchart>',
link: function(scope, element, attrs) {
scope.chartConfig = {
options: {
exporting: {
enabled: false
}
}
};
}
};
});
<div ng-app="app">
<my-chart></my-chart>
<div>
<script src="http://code.jquery.com/jquery-2.1.3.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="https://code.angularjs.org/1.3.0/angular.js"></script>
<script src="https://rawgit.com/pablojim/highcharts-ng/0.0.7/src/highcharts-ng.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
即使禁用导出属性
4 回答
我遇到了同样的问题,因为常规选项不知何故不起作用,我只需要用一些CSS和javascript(jQuery)隐藏它 .
var HighChartChartModel = { options: { exporting: { enabled: false }, chart: { type: 'bar' } },
这会奏效
以下是在highcharts-ng中执行此操作的正确方法:
选项:{chart:{type:'bar'},导出:{enabled:false}},
请注意,导出与图表处于同一级别 .
看起来像是highcharts-ng中的一个bug .
如果您只是不包含
exporting.js
,那么您将无法获得该按钮 .工作小提琴here