Question

I have a basic pie chart made with 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' }
    }
  );
});

Now I want to add links in the legend. Is that possible and if so how?

Answer 1

You can put HTML in labels:

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

(or put the equivalent in the legend section of the jqPlot configuration object).

However, you might need to adjust the z-index of the legend before they are clickable:

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

Also, I noticed some settings (like enabling zoom) block the clickability of the labels.