Echarts.js Bibliothek - Referenzierung Seiten Onclick-Ereignis für Tortenstücke mit

Question

ich die echarts.js Bibliothek für Tortendiagramme verwenden,

Ich mag würde jede Scheibe im Spiel Hyperlink zu einer anderen Seite machen.

Ich benutze statische Datenpunkte für jetzt, um zu testen, ob es funktioniert - und auf dynamische Daten nach aktualisieren wird.

Unten ist ein Beispiel für pie1a - ich möchte, dass T2, T2, T4 und N/A ihre eigenen Seiten referenzieren. T2 = "http://localhost/T2.html".

// ECHART_PIE1a

var echartPie1a = echarts.init(document.getElementById('echart_pie1a'), theme); 

    echartPie1a.setOption({ 
    tooltip: { 
     trigger: 'item', 
     formatter: "{a} <br/>{b} : {c} ({d}%)" 

    }, 




    legend: { 
     x: 'right', 
     y: 'bottom', 
     data: ['T2', 'T3', 'T4', 'N/A'] 
    }, 

    calculable: true, 
    series: [{ 
     name: '(TB)', 
     type: 'pie', 
     radius: '54%', 
     center: ['54%', '36%'], 
     data: [{ 

     value: 438, 
     name: 'T2' 
     }, { 
     value: 1109, 
     name: 'T3' 
     }, { 
     value: 42, 
     name: 'T4' 
     }, { 
     value: 389, 
     name: 'N/A' 

     }] 
    }] 
    }); 

Answer 1

echartPie1a.setOption(option); 
echartPie1a.on('click', function (params) 
{window.open('' + encodeURIComponent(params.name) + '.html', '_self'); 
}); 

scheint den Trick getan zu haben.