javascript - 动态添加highchart出错

  显示原文与译文双语对照的内容

我正在尝试动态地添加图表。 我收到错误:0 x800a138f - JavaScript运行时错误: 缺少对象

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


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);

  • Girija
时间: 作者:

问题是thatr没有添加对jquery的引用。 在默认页面中添加后,它开始工作

作者:
...