title: Can I use Iron-ajax to load data to polymer/highcharts element
body: <p>I am trying to create a polymer element that creates a Highchart. I am having trouble getting the ajaxResponse to be read in the script tags. I tried to move the chart constructor inside the template but still not working, error: Uncaught TypeError: Cannot read property 'type' of undefined</p>
  
  <pre><code>script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;   &lt;/script&gt;
  &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  
  &lt;dom-module id="sales-chart"&gt;
      &lt;template&gt;
  
          &lt;iron-ajax auto url="http://127.0.0.1:3412/2" handle-as="json" last-response="{{ajaxResponse}}"&gt;&lt;/iron-ajax&gt;
  
          &lt;div id="container" style="max-width: 600px; height: 360px;"&gt; HELLO &lt;span&gt;{{ajaxResponse.series}}&lt;/span&gt;&lt;/div&gt;
  
  
          &lt;script&gt; 
  
  
              $("#container").highcharts({
  
              chart: {
              renderTo: 'container',
              type: 'spline'
              },
              title: {text:  'Company Sales '},
              series: [this.$.ajaxResponse]
  
          })
  
          &lt;/script&gt;
  
  
      &lt;/template&gt;
  
      &lt;script&gt;
  
  
          Polymer({
            is: "sales-chart",
  
          });
  
      &lt;/script&gt;
  &lt;/dom-module&gt;
  </code></pre>