Pertanyaan Highcharts: Tambahkan tombol gambar kustom


Saya ingin menambahkan dan tombol gambar di highchart. Sejauh ini, saya telah berhasil membuat tombol gambar dan telah memasang event klik di atasnya. Tapi masalahnya adalah, gambar (sun.png) berada di sisi kiri grafik dan tombol gambar lurus (posisi default toolbar). Ada perbaikan untuk ini?

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
        }

    }
}

Juga, jika ada metode lain untuk menambahkan gambar dalam bagan yang memiliki peristiwa klik, metode tersebut juga akan disambut.


8
2018-02-09 20:45


asal


Jawaban:


Akhirnya, saya mengetahuinya seperti ini. Mungkin itu akan membantu orang lain.

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

14
2018-02-23 19:26