Material Bars - SVG Defs is not filled properly

19 views
Skip to first unread message

Eduardo Mioto

unread,
Dec 18, 2015, 10:41:57 AM12/18/15
to Google Visualization API
Hello everyone, i'm facing a strange problem related with <svg>rendering on Material Bars.
During the first time that the page is accessed, the chart is always rendered properly, without any questionable behavior.
If some parameter is changed on the screen, and the chart is asynchronously rendered again, the tags <defs> on  <svg> is not properly filled.
Follow below the content of  two behaviors faced;

FIRST TIME (Properly filled)
<defs><filter x="-100%" y="-100%" width="300%" height="300%" id="rablshadow4"><feGaussianBlur in="SourceAlpha" stdDeviation="2"/><feOffset dx="0" dy="0"/><feComponentTransfer><feFuncA type="linear" slope="0"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter x="-100%" y="-100%" width="300%" height="300%" id="rablshadow3"><feGaussianBlur in="SourceAlpha" stdDeviation="2"/><feOffset dx="0" dy="0"/><feComponentTransfer><feFuncA type="linear" slope="0.4"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter x="-100%" y="-100%" width="300%" height="300%" id="rablshadow2"><feGaussianBlur in="SourceAlpha" stdDeviation="1"/><feOffset dx="0" dy="2"/><feComponentTransfer><feFuncA type="linear" slope="0.2"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter x="-100%" y="-100%" width="300%" height="300%" id="rablshadow1"><feGaussianBlur in="SourceAlpha" stdDeviation="2"/><feOffset dx="0" dy="1"/><feComponentTransfer><feFuncA type="linear" slope="0.4"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter x="-100%" y="-100%" width="300%" height="300%" id="rablshadow0"><feGaussianBlur in="SourceAlpha" stdDeviation="0"/><feOffset dx="0" dy="1"/><feComponentTransfer><feFuncA type="linear" slope="0.4"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter><clipPath id="rablclip0"><rect x="14.5" y="78.5" width="554" height="67"/></clipPath></defs>


SECOND TIME / Asynchronously Rendered (Not properly filled)
<defs></defs>

Did you ever faced this issue?
Thanks.
Regards,
Eduardo Mioto
Reply all
Reply to author
Forward
0 new messages