You can use highcharts-chart <https://github.com/avdaredevil/highcharts-chart> Polymer Component to plot charts with just one line.
This would be your final output <highcharts-chart type="pie" data="[[pieData]]" title="My Pie Chart"></ highcharts-chart> There's a demo here <https://avdaredevil.github.io/highcharts-chart/> and here <https://avdaredevil.github.io/highcharts-chart/Demo.html>. Polymer Component to plot charts with just one line. On Monday, July 14, 2014 at 8:41:42 AM UTC-4, [email protected] wrote: > > Thank you, its work for other highchart..., But for bubble high chart its > not working......please help me!!!! > > On Friday, 10 January 2014 14:06:34 UTC+5:30, [email protected] > wrote: >> >> 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 [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/d19a9b5a-86ae-4dc5-b844-fd5e85bdc7e8%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
