test - Deshabilite las opciones de descarga de PDF y SVG en Highcharts

highcharts statistics

Question

Estoy usando Highcharts v4.0.3 con exporting.js en mi aplicación web, y quiero poder proporcionar al usuario final las siguientes opciones de descarga:

• Descargar el gráfico como JPG
• Descargar el gráfico como PNG

Sin embargo, las opciones estándar son:

• Tabla de impresión
• Descargar el gráfico como JPG
• Descargar el gráfico como PNG
• Descargar el gráfico como PDF
• Descargar el gráfico como gráfico vectorial SVG

¿Cómo puedo personalizarlo para que solo le dé al usuario las opciones JPG y PNG?

Answer 1

Puede establecer manualmente exporting.buttons.contextButton.menuItems ( API ) para contener los botones que desee. Deberá configurarlo para que solo contenga JPG y PNG de la siguiente manera:

menuItems: [{
    textKey: ''downloadPNG'',
    onclick: function () {
        this.exportChart();
    }
}, {
    textKey: ''downloadJPEG'',
    onclick: function () {
        this.exportChart({
            type: ''image/jpeg''
        });
    }
}]

Como en esta demostración de JSFiddle .

El valor predeterminado es:

menuItems: [{
    textKey: ''printChart'',
    onclick: function () {
        this.print();
    }
}, {
    separator: true
}, {
    textKey: ''downloadPNG'',
    onclick: function () {
        this.exportChart();
    }
}, {
    textKey: ''downloadJPEG'',
    onclick: function () {
        this.exportChart({
            type: ''image/jpeg''
        });
    }
}, {
    textKey: ''downloadPDF'',
    onclick: function () {
        this.exportChart({
            type: ''application/pdf''
        });
    }
}, {
    textKey: ''downloadSVG'',
    onclick: function () {
        this.exportChart({
            type: ''image/svg+xml''
        });
    }
}]

Answer 2

Puede eliminar las opciones innecesarias de la siguiente manera:

if (Highcharts.getOptions().exporting) {
    let contextButton = Highcharts.getOptions().exporting.buttons.contextButton;
    contextButton.menuItems = contextButton.menuItems.filter((item) => {
        return item.textKey === ''downloadJPEG'' || item.textKey === ''downloadPNG'';
    });
}