0

我正在使用带有 highcharts-ng 库的 Angularjs，我希望有一个能够导出图表（显示导出按钮）和另一个没有该选项（不显示导出按钮）的 highchart 指令，但我没有设法禁用（隐藏）使用配置对象的按钮。我怎样才能做到这一点？

这是片段

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

4 回答 4

2

var HighChartChartModel = { options: { exporting: { enabled: false }, chart: { type: 'bar' } },

这将起作用

于 2015-06-30T11:09:38.107 回答
2

这是在 highcharts-ng 中执行此操作的正确方法：

选项：{图表：{类型：'bar'}，导出：{启用：false}}，

请注意，导出与图表处于同一级别。

于 2015-08-19T15:37:52.227 回答
1

我遇到了同样的问题，由于常规选项不知何故不起作用，我只是在需要的地方用一些 CSS 和 javascript (jQuery) 隐藏它。

$('.highcharts-button').css('display': 'none');
于 2015-02-12T14:56:44.757 回答
1

看起来像 highcharts-ng 中的错误。

如果你只是不包括exporting.js你将不会得到那个按钮。

在这里工作的小提琴

于 2015-01-08T10:03:33.217 回答