1

jqplot で作成した基本的な円グラフがあります。

$(document).ready(function(){
  var data = [
    ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14],
    ['Out of home', 16],['Commuting', 7], ['Orientation', 9]
  ];
  var plot1 = jQuery.jqplot ('chart1', [data],
    {
      seriesDefaults: {
        renderer: jQuery.jqplot.PieRenderer,
        rendererOptions: {
          showDataLabels: true
        }
      },
      legend: { show:true, location: 'e' }
    }
  );
});

次に、凡例にリンクを追加します。それは可能ですか？

4

2 に答える 2

1

ラベルに HTML を入れることができます:

$.jqplot(..., {
  series : {
    ...
    label : "<a href='URL'>click me</a>"
  }
});

(または同等のものをlegendjqPlot 構成オブジェクトのセクションに入れます)。

ただし、凡例をクリック可能にする前に、凡例の z-index を調整する必要がある場合があります。

.jqplot-table-legend { z-index: 1000 }

また、一部の設定 (ズームを有効にするなど) がラベルのクリック可能性をブロックしていることに気付きました。

于 2013-02-10T16:37:21.567 に答える