PDA

View Full Version : [OPEN] Pie Chart highlight: shadow is not aligned with the segment



stegg
9 Dec 2012, 11:34 PM
REQUIRED INFORMATION
Ext version tested:

Ext 4.1.3
Browser versions tested against:

Chrome 23
DOCTYPE tested against:

Strict
Description:

The shadow of the highlighted segment is not aligned with the segment itself (see screenshot).
Steps to reproduce the problem:

Hover over a pie chart segment
The result that was expected:

segment is highlighted properly
The result that occurs instead:

segment is highlighted, but the shadow is not aligned with the segment
Test Case:
Change the code of the pie chart example (http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/charts/Pie.html) from

highlight: {
segment: {
margin: 20
}
},

to


highlight: {
segment: {
margin: 10
}
},

HELPFUL INFORMATION
Screenshot or Video:

40671

mitchellsimoens
10 Dec 2012, 6:57 AM
Thanks for the report! I have opened a bug in our bug tracker.

ExtJSNinjas
5 Mar 2014, 12:10 PM
Just ran into this as well, as we had to make adjustments to prevent the pie chart slices from clipping outside of their parent container. Had to disable shadowAttributes to work around it, which is obviously not ideal. The nightly build didn't seem to have this fixed so +1 for a fix!

Josh LOL
9 Dec 2014, 10:16 PM
Ran into this problem, dug around in the source and found this workaround (Tested on 4.1.1a):

Change:


highlight: {
segment: {
margin: 10
}
},


To:


highlightCfg: {
segment: {
margin: 10,
}
},
highlight: {
segment: {
margin: 10
}
},