2012-04-29 4 views
12

ハイチャートのエクスポートオプションでデフォルトボタン( "&"プリント "エクスポート")を非表示にしたいと思います。ハイチャートデフォルトボタンを非表示

あなたは 1.カスタムボタン 2.エクスポートボタン 3.印刷ボタン3つのボタンがあり、このリンクでhttp://jsfiddle.net/fXHB5/3496/でデモを持つことができます。

私は最初のボタンを表示し、「エクスポート]ボタン」&を非表示にする。この場合

「印刷ボタン」

答えて

18

あなたはこのようなもので、各ボタンの好みにアクセスすることができます

exporting: { 
    buttons: { 
     printButton: { 
      symbol: 'circle' 
     }, 
     exportButton: { 
      enabled: false 
     }  
    } 
} 

カスタムボタンで拡張可能な例は次のようになります。

exporting: { 
    buttons: { 
     printButton: { 
      enabled: false 
     }, 
     exportButton: { 
      enabled: false 
     }, 
     custom: { 
      symbol: 'diamond', 
      x: -62, 
      symbolFill: '#B5C9DF', 
      hoverSymbolFill: '#779ABF', 
      _titleKey: 'printButtonTitle', 
      onclick: function() { 
       alert('click!') 
      } 
     } 
    } 
} 
+3

私はhighchartsを新しくしました。個々のボタンの無効化が最新バージョンで動作していないようですか? – mortdale

+2

はい、新しいバージョンでは、まだボタンが表示されています。その隠れていない。どんな助けもありがとう。 – Dhamayanthi

6

それはオプションとして可能ではないのですが、あなたは、HTMLを使用して、独自に作成し、デフォルトのボタンを非表示にすることができます。次に、必要に応じてカスタムボタンをバインドできます。

var chart = new Highcharts.Chart({ 

    chart: { 
     renderTo: 'container' 
    }, 

    credits: { 
     enabled: false 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]   
    }], 
     exporting: { 
      enabled: false 
     } 
    }); 

console.log(Highcharts.Renderer.prototype.symbols)​ 
15

以降を使用している他の誰のためにハイチャートのバージョンで、選択した回答が機能しない場合は、代わりにボタンを非表示にする必要があります。

exporting: { 
     buttons: { 
      contextButton: { 
       enabled: false 
      }  
     } 
    } 
+0

個々のボタンでは機能しません – bjjrolls