|
2 donuts graph can only drill down the outer donut |
Posted by Vincent Chang on May-05-2018 05:22 |
|
Hi,
I have a graph with inner pie and 2 rings(donuts) around the pie. I configure the graph as drill down, but I can only drill down the outer ring(donut). Even I position the mouse cursor on the inner ring or center pie, it still shows the info as thought it was over the outer ring.
I define the outer ring as -> c
inner ring as -> c2
center pie as -> c1
Please find the screenshot in attachment.
Thanks
Vincent
|
Re: 2 donuts graph can only drill down the outer donut |
Posted by Peter Kwan on May-06-2018 13:01 |
|
Hi Vincent,
If you use the DrawArea.merge method to create the chart, then the $c->getHTMLImageMap just contains the image map for the outer ring "c". You need to create the image map for the 3 charts "c1", "c2", "c" and append them together in the proper order (from inside to outside in your case) , like:
$imageMap = $c1->getHTMLImageMap(.....) . $c2->getHTMLImageMap(.....) . $c->getHTMLImageMap(.....);
Regards
Peter Kwan |
Re: 2 donuts graph can only drill down the outer donut |
Posted by Vincent Chang on May-08-2018 03:33 |
|
Hi Peter,
Thank you for the reply, that works great.
Vincent |
Re: 2 donuts graph can only drill down the outer donut |
Posted by Vincent Chang on May-08-2018 06:34 |
|
Hi,
When I click on the DrawArea, I see lines enclosed the draw area briefly before going to the drill down new graph. Is there a way to prevent that from happening? Please see the attachment as an example.
Thanks
Vincent
|
Re: 2 donuts graph can only drill down the outer donut |
Posted by Peter Kwan on May-08-2018 21:47 |
|
Hi Vincent,
Some browsers, such as Chrome, will display the outline of the image map when it is clicked. You may use CSS to disable the outline. It is like:
area { border:none; outline-style:none; -moz-outline-style:none; }
Hope this can help.
Regards
Peter Kwan |
Re: 2 donuts graph can only drill down the outer donut |
Posted by Vincent Chang on May-11-2018 08:16 |
|
Hi Peter,
Thank you, it fixed the problem.
Vincent |
|