Echarts.js图书馆 - 引用页面使用onclick事件为扇形

Question

我使用饼图echarts.js库，

我想使每个片的馅饼超链接到另一个页面。

我现在正在使用静态数据点来测试它是否会工作 - 并且会在更新之后更新为动态数据。

下面是pie1a的一个例子 - 我想T2，T2，T4和N/A引用他们自己的页面。 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'); 
}); 

似乎已经做的伎俩。