2014-01-16 35 views
1

我想动态添加高图表。我得到的错误:0x800a138f - JavaScript的运行时错误:预期的对象错误动态地添加highchart

下面是我使用的代码。我究竟做错了什么 ?

var attributelement = document.createElement("div"); 
      WinJS.Utilities.addClass(attributelement, "itemmain"); 
      attributelement.style.width = "400px"; 
      attributelement.style.height = "300px"; 

      var chartData = { 
       chart: { 
        type: 'column', 
        renderTo: attributelement 
       }, 
       title: { 
        text: 'Monthly Average Rainfall' 
       }, 
       subtitle: { 
        text: 'Source: WorldClimate.com' 
       }, 
       xAxis: { 
        categories: [ 
         'Jan', 
         'Feb', 
         'Mar', 
         'Apr', 
         'May', 
         'Jun', 
         'Jul', 
         'Aug', 
         'Sep', 
         'Oct', 
         'Nov', 
         'Dec' 
        ] 
       }, 
       yAxis: { 
        min: 0, 
        title: { 
         text: 'Rainfall (mm)' 
        } 
       }, 
       tooltip: { 
        headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + 
         '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>', 
        footerFormat: '</table>', 
        shared: true, 
        useHTML: true 
       }, 
       plotOptions: { 
        column: { 
         pointPadding: 0.2, 
         borderWidth: 0 
        } 
       }, 
       series: [{ 
        name: 'Tokyo', 
        data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 

       }, { 
        name: 'New York', 
        data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3] 

       }, { 
        name: 'London', 
        data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2] 

       }, { 
        name: 'Berlin', 
        data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1] 

       }] 

      }; 


      //templateWinCtrl.render(currentItem.data, attributelement).done(function (itemRendered) { 

      //}); 

      var chart = new Highcharts.Chart(chartData); 
  • 吉里贾·
+0

尝试更换静态renderTo而不是dynamic.Let我们来看看什么是happened.I认为这个问题是存在的。 – Oyeme

+0

,我会尽力的......但我希望它是动态添加... – Shankar

+1

哪条线路会导致错误? – SteveP

回答

1

的问题是thatr未添加引用的jQuery。一旦在默认页面添加它开始工作