Thanks Guys, Will wait for the new build.
On Saturday, 11 January 2014 03:10:04 UTC+5:30, Daniel Freedman wrote: > > This seems to work as expected with > https://github.com/Polymer/ShadowDOM/pull/343. > > The next stable release (0.1.3) should have this fixed. > > > On Fri, Jan 10, 2014 at 1:22 PM, Erik Arvidsson <a...@google.com<javascript:> > > wrote: > >> Look for `try { a = c.getBBox` >> >> >> On Fri, Jan 10, 2014 at 4:18 PM, Daniel Freedman >> <dfr...@google.com<javascript:> >> > wrote: >> >>> I've studied this for a bit now, and I have a hunch that the problem is >>> related to some incorrect sizing, either due to a stale SD polyfill wrapper >>> property, or jquery doing some funky math based on DOM properties that the >>> SD Polyfill doesn't wrap "correctly". >>> >>> Either way, I waded into the depths of the Highchart library, but >>> couldn't find the point where the measurements from native ShadowDOM and >>> polyfill differ. There's a lot of code in there. >>> >>> @arv: I'm guessing there's probably a better way to try and instrument >>> this, but I'm fresh outta steam. Any ideas? >>> >>> >>> On Fri, Jan 10, 2014 at 11:45 AM, Daniel Freedman >>> <dfr...@google.com<javascript:> >>> > wrote: >>> >>>> Taking a look at this now. Seems to be related to the ShadowDOM >>>> Polyfill, as native ShadowDOM renders the chart correctly. >>>> >>>> >>>> On Fri, Jan 10, 2014 at 1:08 AM, <satyasrik...@gmail.com >>>> <javascript:>>wrote: >>>> >>>>> Update Please check the jsbin >>>>> >>>>> http://jsbin.com/ekIlAlAK/8/edit >>>>> >>>>> >>>>> On Friday, 10 January 2014 14:06:34 UTC+5:30, satyasrik...@gmail.comwrote: >>>>>> >>>>>> Hello, >>>>>> >>>>>> I need to create a reusable element for a pie-chart. After trying I >>>>>> noticed that the charts are deformed. >>>>>> >>>>>> This is the polymer element I am using. >>>>>> >>>>>> <link rel="import" href="../bower_components/polymer/polymer.html"> >>>>>> >>>>>> <polymer-element name="chart-pie"> >>>>>> <template> >>>>>> <div id="container" style="min-width: 100%; height: >>>>>> 360px;"></div> >>>>>> </template> >>>>>> <script> >>>>>> Polymer("chart-pie", { >>>>>> url: "", >>>>>> datum: [ >>>>>> ['Low', 45.0], >>>>>> ['Medium', 26.8], >>>>>> { >>>>>> name: 'High', >>>>>> y: 12.8, >>>>>> sliced: true, >>>>>> selected: true >>>>>> } >>>>>> ], >>>>>> ready: function () { >>>>>> var options = { >>>>>> chart: { >>>>>> plotBackgroundColor: null, >>>>>> plotBorderWidth: null, >>>>>> plotShadow: false, >>>>>> renderTo: this.$.container >>>>>> }, >>>>>> title: { >>>>>> text: 'Incident Severity' >>>>>> }, >>>>>> tooltip: { >>>>>> pointFormat: '{series.name}: >>>>>> <b>{point.percentage:.1f}%</b>' >>>>>> }, >>>>>> plotOptions: { >>>>>> pie: { >>>>>> allowPointSelect: true, >>>>>> cursor: 'pointer', >>>>>> dataLabels: { >>>>>> enabled: true, >>>>>> color: '#000000', >>>>>> connectorColor: '#000000', >>>>>> format: '<b>{point.name}</b>: >>>>>> {point.percentage:.1f} %' >>>>>> } >>>>>> } >>>>>> }, >>>>>> series: [{ >>>>>> type: 'pie', >>>>>> name: 'Severity', >>>>>> data: this.datum >>>>>> }] >>>>>> }; >>>>>> //$("container").highcharts(options); >>>>>> //this.$.container.highcharts(options); >>>>>> var chart = new Highcharts.Chart(options); >>>>>> >>>>>> } >>>>>> }); >>>>>> </script> >>>>>> </polymer-element> >>>>>> >>>>>> Any help would be appreciated. >>>>>> >>>>>> Kind regards, >>>>>> Satya. >>>>>> >>>>>> >>>>>> Follow Polymer on Google+: plus.google.com/107187849809354688692 >>>>> --- >>>>> You received this message because you are subscribed to the Google >>>>> Groups "Polymer" group. >>>>> To unsubscribe from this group and stop receiving emails from it, send >>>>> an email to polymer-dev...@googlegroups.com <javascript:>. >>>>> For more options, visit https://groups.google.com/groups/opt_out. >>>>> >>>> >>>> >>> >> >> >> -- >> erik >> >> >> > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/groups/opt_out.
