Экранные кнопки с подсветкой

Я хочу скрыть кнопки по умолчанию ( "Экспорт" и "Печать" ) в параметрах экспорта в формате highchart.

у вас может быть демо на http://jsfiddle.net/fXHB5/3496/ в этой ссылке есть 3 кнопки 1. Пользовательская кнопка 2. Кнопка экспорта 3. Кнопка печати. ​​

В этом случае я хочу показать только первую кнопку и скрыть "Кнопка экспорта" и "Кнопка печати"

Ответы

Ответ 1

вы можете получить доступ к каждой кнопке с помощью следующего:

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!')
            }
        }
    }
}

Ответ 2

Для тех, кто использует более новую версию high-карт и выбранный ответ не работает, вам нужно использовать ниже, чтобы скрыть кнопку.

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

Ответ 3

Это невозможно в качестве опции, но вы можете скрыть кнопки по умолчанию, а затем создать свой собственный, используя 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 )​

Ответ 4

если вы просто хотите скрыть пользовательские кнопки по умолчанию, вы можете просто использовать:

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

Если вы хотите использовать свою собственную кнопку или ярлык, вы можете использовать это:

exporting: {
      buttons: {
        contextButton: {
          enabled: false
        },
        exportButton: {
            text: 'Chrome',
            _titleKey: "yourKey",
            onclick:function(){
            alert('clicked Chrome');
            },
            x:-410
        },

        printButton: {
            enabled: false,
            text: 'IE: ',
             _titleKey:"myKey",
            onclick: function () {
                alert('clicked IE');
            },
            x:-400,
            y:30
        },          
      }
    },

в этом я отключил default, а также printButton, вы можете использовать x и y, чтобы установить позиции метки. Вы можете найти мой код в скрипте здесь: https://jsfiddle.net/m3yegczx/20/

Ответ 5

Если вы используете фреймворк, вы можете скрыть это.

    HIOptions *options = [[HIOptions alloc]init];
    HIExporting *exporting = [[HIExporting alloc]init];
    exporting.enabled = [[NSNumber alloc] initWithBool:false];
    options.exporting = exporting;