Dear All
Please give you hand me to come out this issue.
---------- Forwarded message ----------
From: kanchana weerasinghe <[email protected]>
Date: Fri, Mar 6, 2015 at 9:24 AM
Subject: Web Component
To: [email protected]
Dear Peter
I am Kanchana .I have downloaded you amazing product and trying to
integrate with it Polymer Js as we need to develop some
dashboard widgets .If it is succeeded we are hoping to buy your product
and integrate with our ERP Solution.Please give you hand me to come out
this issue.
[image: Inline image 1]
I am getting undefined error as above
This is my code snippet
<!DOCTYPE html>
<html lang="en">
<head>
<script
src="bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="bower_components/polymer/polymer.html">
<link rel="import"
href="bower_components/core-component-page/core-component-page.html">
<title id='Description'>jqxChart Pie Series Example</title>
</head>
<body class='default'>
<polymer-element name="x-foo">
<script src="Scripts/jquery-2.1.3.min.js"></script>
<link rel="stylesheet"
href="JQwidgest/jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript"
src="JQwidgest/jqwidgets/jqxcore.js"></script>
<script type="text/javascript"
src="JQwidgest/jqwidgets/jqxdraw.js"></script>
<script type="text/javascript"
src="JQwidgest/jqwidgets/jqxchart.core.js"></script>
<script type="text/javascript"
src="JQwidgest/jqwidgets/jqxdata.js"></script>
<script>
(function () {
var source =
{
datatype: "csv",
datafields: [
{ name: 'Browser' },
{ name: 'Share' }
],
url:
'JQwidgest/demos/sampledata/desktop_browsers_share_dec2011.txt'
};
var dataAdapter = new $.jqx.dataAdapter(source, { async:
false, autoBind: true, loadError: function (xhr, status, error) {
alert('Error loading "' + source.url + '" : ' + error); } });
// prepare jqxChart settings
var settings = {
title: "Desktop browsers share",
description: "(source: wikipedia.org)",
enableAnimations: true,
showLegend: false,
showBorderLine: true,
legendPosition: { left: 520, top: 140, width: 100,
height: 100 },
padding: { left: 5, top: 5, right: 5, bottom: 5 },
titlePadding: { left: 0, top: 0, right: 0, bottom: 10 },
source: dataAdapter,
colorScheme: 'scheme02',
seriesGroups:
[
{
type: 'pie',
showLabels: true,
series:
[
{
dataField: 'Share',
displayText: 'Browser',
labelRadius: 120,
initialAngle: 15,
radius: 170,
centerOffset: 0,
formatSettings: { sufix: '%',
decimalPlaces: 1 }
}
]
}
]
};
// Run for every instance of the element that's created.
Polymer({
ready: function () {
this.$.chartContainer.jqxChart(settings);
}
});
})();
</script>
<template>
<div id='chartContainer' style="width: 850px; height: 500px;">
</div>
</template>
</polymer-element>
<table>
<tr>
<td>
<x-foo></x-foo>
</td>
</tr>
</table>
</body>
</html>
Best Regards
Kanchana Weerasinghe
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/CAMPw229jXS_ZDcX9ZcsSuXZ7vXq0%2BVTVnsNPwYcmrPq1FqWKRQ%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.
