13

ハイチャートのエクスポート オプションで、デフォルトのボタン (「エクスポート」と「印刷」) を非表示にしたいと考えています。

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

この場合、最初のボタンのみを表示し、「エクスポートボタン」と「印刷ボタン」を非表示にしたい

4

6 に答える 6

19

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

exporting: {
        buttons: {
            contextButton: {
                enabled: false
            }    
        }
    }
于 2015-11-26T16:23:41.207 に答える
19

次のような方法で各ボタンの設定にアクセスできます。

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!')
            }
        }
    }
}
于 2012-04-29T21:12:59.827 に答える
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 )​
于 2012-04-29T21:07:24.100 に答える