Home/ Questions/Q 6669557
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T03:09:50+00:00

I’m trying to make a pie chart on top of another pie chart (see

  • 0

I’m trying to make a pie chart on top of another pie chart (see below) and am using the flot jquery library.

http://cadmiumconsulting.com/carlsberg/screenshot_01.jpg

I have managed to get the diagram looking right but would like to use mouse events on the outer pie chart.

My problem is:

If I draw the outer chart first with the inner one ‘on top’, mouse events only work on the inner layer.

If on the other hand I draw the inner chart first and add the outer chart ‘on top’ with an inner radius, the inner radius doesn’t work in internet explorer 8 and displays a solid circle over the top of the inner chart.

Any ideas on how to pass events from one layer to the other or force the transparency of the inner radius?

Any help appreciated.

UPDATE – There seems to be an issue with ‘globalCompositeOperation’ which would allow the transparency. It’s included in html5 but not in the excanvas object which is a hack to replicate the canvas object in IE8.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There seems to be an issue with ‘globalCompositeOperation’ which would allow the transparency. It’s included in html5 but not in the excanvas object which is a hack to replicate the canvas object in IE8. Decided to abandon flot for the example I’m building and create the charts myself using canvas operations.

    • 0