Highcharts: добавить пользовательскую кнопку изображения - PullRequest
9 голосов
/ 10 февраля 2012

Хочу добавить и кнопку с изображением на старших чартах.До сих пор я успешно создал кнопку с изображением и прикрепил к ней событие щелчка.Но проблема в том, что изображение (sun.png) находится на левой стороне графика, а кнопка изображения выровнена по правому краю (положение панели инструментов по умолчанию).Можно ли это исправить?

exporting: {
    buttons: {
        popUpBtn: {
            symbol: 'url(images/sun.png)',
            _titleKey: 'popUpBtnTitle',
            x: -10,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            onclick: function () {
                alert('ad');
                popUpChart($(this));
            }
        },
        exportButton: {
            enabled: false
        },
        printButton: {
            enabled: false
        }

    }
}

Кроме того, если есть другие методы для добавления изображения в диаграмму с событием щелчка, эти методы также приветствуются.

1 Ответ

14 голосов
/ 23 февраля 2012

Наконец-то я так и понял. Может быть, это поможет другим.

function callback($this){
    var img = $this.renderer.image('images/zoom_icon.png',$this.chartWidth-40,5,40,12); 
    img.add(); 
    img.css({'cursor':'pointer'});
    img.attr({'title':'Pop out chart'});
    img.on('click',function(){
              // prcessing after image is clicked
    });

 }

new Highcharts.Chart(charts.params,callback);

// where charts.params is object which contains options for chart
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...