0

私はhighcharts-ngライブラリでAngularjsを使用しており、チャートをエクスポートする機能を持つハイチャートディレクティブ（エクスポートボタンを表示する）と、そのオプションのないハイチャートディレクティブ（エクスポートボタンを表示しない）が必要ですが、無効にすることはできませんでした構成オブジェクトを使用してボタンを (非表示)。どうやってやるの？

ここにスニペットがあります

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 に答える
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 に答える