javascript - Thư viện Echarts.js - Tham chiếu các trang bằng sự kiện onclick cho các lát bánh

Tôi đang sử dụng thư viện echarts.js cho biểu đồ tròn,

Tôi muốn làm cho mỗi lát trong biểu đồ tròn có liên kết đến một trang khác.

Hiện tại tôi đang sử dụng các điểm dữ liệu tĩnh để thử xem nó có hoạt động không - và sẽ cập nhật sang dữ liệu động sau.

Dưới đây là một ví dụ về pie1a - tôi muốn T2, T2, T4 và N/A tham chiếu đến các trang riêng của chúng. 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'

      }]
    }]
  });

Câu trả lời #1

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

Có vẻ đã hiệu quả.