Как скрыть кнопку экспорта в highcharts-ng

Я использую Angularjs с библиотекой highcharts-ng и хочу иметь директиву 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>

Даже если отключить свойство экспорта


angularjs highcharts highcharts-ng
person David Barreto    schedule 07.01.2015    source источник
comment
у вас есть js fidlle для того же самого.   -  person Strikers    schedule 08.01.2015
comment
@strikers да jsfiddle.net/davidbarreto/c2Lj14fq   -  person David Barreto    schedule 09.01.2015
comment
@David Как ты это решил?   -  person Sajeetharan    schedule 29.03.2015
comment
@Sajeetharan посмотрите на принятый ответ внизу, вот как я его решил. Я не мог найти лучшего способа.   -  person David Barreto    schedule 01.04.2015

Ответы (4)


arrow_upward
1
arrow_downward

У меня та же проблема, и поскольку обычные опции почему-то не работают, я просто скрываю ее с помощью CSS и javascript (jQuery) там, где это необходимо.

$('.highcharts-button').css('display': 'none');
person Jeffrey Roosendaal    schedule 12.02.2015
comment
Я бы скорее назвал это обходным путем, но я согласен с тем, что это не должен быть принятый ответ. Ваше решение есть, но оно идентично решению мудхаки, за исключением форматирования (почему?), но я поставлю +1 вам обоим, надеясь, что ОП заметит. - person Jeffrey Roosendaal; 21.08.2015

arrow_upward
2
arrow_downward

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

Это будет работать

person madhuka    schedule 30.06.2015

arrow_upward
2
arrow_downward

Вот как это сделать в highcharts-ng:

параметры: {диаграмма: {тип: 'bar'}, экспорт: {включено: false}},

Обратите внимание, что экспорт находится на том же уровне, что и диаграмма.

person ABOS    schedule 19.08.2015

arrow_upward
1
arrow_downward

похоже на ошибку в highcharts-ng.

если вы просто не включите exporting.js, вы не получите эту кнопку.

рабочая скрипка здесь

person Strikers    schedule 08.01.2015
comment
Да, я это понимаю, но проблема в том, что для другой директивы мне нужна возможность экспортировать диаграмму. Исключение файла удалит функциональность везде в моем приложении. - person David Barreto; 09.01.2015
comment
Не ошибка. смотрите ответы выше - person ABOS; 19.08.2015