It seems to work but something is killing my canvas rendering after some
millisectonds. But thats another topic.
On Friday, January 9, 2015 at 11:24:56 AM UTC+1, Niko Lang wrote:
>
> I have a simple canvas object like this:
>
> <polymer-element name="canvas-diagram" attributes="type width height json"
> >
> <template>
> <div id="canvasField">
> Typ: {{type}}, Width:<input value="{{width}}">, Height:{{height}},
> json:{{json}}
> <div id="canvasContainer">
> <canvas id="canvasObj" width="{{width}}" height="{{height}}"
> ></canvas>
> </div>
> </div>
> </template>
> <script>
> function getMaxOfArray(numArray) {
> return Math.max.apply(null, numArray);
> }
> Polymer("canvas-diagram",{
> type: "bar",
> width: "300",
> height: "200",
> ready: function() {
> console.log("this.ready()");
> this.writeDiagram();
> },
> attributeChanged: function(attrName, oldVal, newVal) {
> console.log("this.attributeChanged()");
> console.log(attrName, 'old: ' + oldVal, 'new:', newVal);
> this.writeDiagram();
> },
> writeDiagram : function(){
> [...]
> },
>
> json: {
> data:[
> {"name":"Texts","value":"150"},
> {"name":"Videos","value":"50"},
> {"name":"Audio","value":"30"},
> {"name":"Test","value":"20"},
> {"name":"Test","value":"20"},
> {"name":"Test","value":"20"}
> ]}
> });
> </script>
> </polymer-element>
>
> But when I canhage an attribute manually the attributeChanged() Function
> doesnt fire. What am I doing wrong?
>
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/844c7fd7-42dc-4b53-a984-7ced8f34ea91%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
