web-dev-qa-db-ja.com

ハイチャートでエクスポートと印刷ボタンプラグインを削除

私はMVCを使用しており、現在ハイチャートで作業しています

ユーザーがハイチャートを印刷またはエクスポートできるように、Exporting.jsを使用しています。ビューに2つのグラフがあり、いずれかのグラフで印刷とエクスポートを無効にしたいと思います。どうやってやるの？

Exporting.jsは、これらの2つのボタンオプションをチャートに自動的に提供します。

Dvanceに感謝

正しい解決策：

.SetExporting(new Exporting { Enabled = false, EnableImages = false });
javascriptasp.net-mvcchartshighcharts
21
Obsivus

エクスポートを無効にする方法については、次の 'Exporting module is loaded but disabled' を参照してください。エクスポートのすべての変更可能なオプションの説明は、 here にあります。

[〜＃〜] edit [〜＃〜]

DotNet.Highchartsを使用しているようです。エクスポート機能を使用および設定する方法の例を次に示します。

.SetExporting(new Exporting
{
    Buttons = new ExportingButtons
        {
            ExportButton = new ExportingButtonsExportButton
                {
                    Align = HorizontalAligns.Right,
                        //BackgroundColor  <-- Don't know how to set yet
                        BorderColor = Color.Black,
                        BorderRadius = 3,
                        BorderWidth = 1,
                        Enabled = true,
                        Height = 35,
                        HoverBorderColor = Color.Red,
                        HoverSymbolFill = Color.Black,
                        HoverSymbolStroke = Color.Black,
                        //Onclick
                        //MenuItems
                        SymbolSize = 25,
                        SymbolX = 18,
                        SymbolY = 18,
                        VerticalAlign = VerticalAligns.Top,
                        Width = 35,
                        Y = 10,
                        X = -50
                },
                PrintButton = new ExportingButtonsPrintButton
                {
                    Align = HorizontalAligns.Right,
                        //BackgroundColor  <-- Don't know how to set yet
                        BorderColor = Color.Black,
                        BorderRadius = 3,
                        BorderWidth = 1,
                        Enabled = true,
                        Height = 35,
                        HoverBorderColor = Color.Red,
                        HoverSymbolFill = Color.Black,
                        HoverSymbolStroke = Color.Black,
                        //Onclick
                        //MenuItems
                        SymbolStroke = Color.Teal,
                        SymbolSize = 25,
                        SymbolX = 18,
                        SymbolY = 18,
                        VerticalAlign = VerticalAligns.Top,
                        Width = 35,
                        Y = 10,
                        X = -15
                }
    },
        Enabled = true,
        EnableImages = true,
        Filename = "HomeChart",
        Type = "image/png",
        Url = "http://export.highcharts.com",
        Width = 800
})
10
Linger

両方のボタン（エクスポートセクション全体）を同時に無効にするには、

exporting: {
         enabled: false
}

このようにいずれかまたは両方を無効にすることもできますが、

exporting: {
    buttons: { 
        exportButton: {
            enabled:false
        },
        printButton: {
            enabled:false
        }

    }
}
71
Jashwant

あなたが言及する最初のオプション：

exporting: {
         enabled: false
}

htmlコンテナを再利用する（つまり、データを更新する）シナリオで使用している場合、highchartsオブジェクトを破壊します。

そのシナリオで私にとって唯一の実行可能なオプションは、両方を組み合わせることです。

  optionsMini.exporting = {
        enabled: false,
        buttons: {
            exportButton: {
                enabled: false
            },
            printButton: {
                enabled: false
            }

        }
    }
3
XaviGuardia

以下はMVC 5およびHighsoft.Highchartsで機能します。この行の前に追加しました：Title = new Title { Text = "charts" },

Exporting = new Exporting { Enabled = false },
0
twc