5

円グラフには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'

      }]
    }]
  });
4

1 に答える 1

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

トリックを行ったようです。

于 2016-07-11T13:32:57.987 に答える