2012-05-18 11 views
21

Sto usando MVC e attualmente lavorando con highchartRimuovere Export e tasto di stampa plugin su highchart grafico

Sto usando l'Exporting.js così gli utenti possono stampare o esportare il grafico highchart. Ho due grafici in una vista e vorrei disabilitare la stampa e l'esportazione su uno dei grafici. Come lo posso fare?

Exporting.js fornisce automaticamente i grafici a queste opzioni di 2 pulsanti.

Grazie a dvance

soluzione corretta:

.SetExporting(new Exporting { Enabled = false, EnableImages = false }); 

risposta

10

Vedere il seguente 'Exporting module is loaded but disabled' su come disabilitare l'esportazione. Una spiegazione di tutte le opzioni modificabili per l'esportazione può essere trovata here.

EDIT

Sembra che si sta utilizzando DotNet.Highcharts. Ecco un esempio su come utilizzare e impostare le caratteristiche esportazione:

.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 
}) 
+0

come apparirebbe nel mio codice MVC se voglio disabilitarlo? – Obsivus

+0

Nvm I made :) – Obsivus

+0

Non funziona per la versione più recente di DotNetHighcharts ... Nessuna opzione per 'PrintButton' in ExportingButtonsExportButton l'unica opzione disponibile è ContextButton che può essere disabilitata rimuovendo tutte le opzioni. Come posso fare questo per la stampa? Grazie – bjjrolls

68

È possibile disattivare entrambi i pulsanti (ossia l'intero sezione esportazione) simulataneously da,

exporting: { 
     enabled: false 
} 

È anche possibile disattivare uno qualsiasi o di entrambi come questo,

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

    } 
} 
+0

: false è perfettamente accettabile se il tuo intento è di disabilitare completamente. –

+0

qualcuno può fornire un violino funzionante con opzioni di esportazione specifiche? Sono stato in grado di disabilitarli tutti, ma non scegliere specifiche opzioni di esportazione. ad esempio, vorrei solo consentire la stampa, ma non esportare come SVG –

+0

@LiranBrimer, impostare 'enable: false' per ogni pulsante tranne il pulsante' stampa'. – Jashwant

3

La prima opzione che si parla:

exporting: { 
     enabled: false 
} 

interrompe l'oggetto highcharts, se lo si utilizza in uno scenario in cui si riutilizza il contenitore html (ad esempio, l'aggiornamento dei dati).

l'unica opzione praticabile per me in questo scenario è combinare entrambe le cose:

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

     } 
    } 
+0

Fare entrambe le cose insieme ha fatto il trucco per me. – Cyber

0

Il sotto lavora per la MVC 5 e Highsoft.Highcharts ho aggiunto prima di questa linea: Title = new Title { Text = "charts" },

Exporting = new Exporting { Enabled = false },