Angularjs multiple highcharts

Question

我正试图在angularjs应用程序中初始化多个highchart。 问题是，只有第一个图表初始化...有人可以帮助我吗？

这是我的指令：

app.directive('widget', function() { 
return { 
restrict: 'AC', 
scope: { widgetModel: '=' }, 
replace: true, 
template: 
    '<li id="{{widgetModel.class}}" chartType="{{widgetModel.chartType}}" data-col="{{widgetModel.col}}" data-row="{{widgetModel.row}}" data-sizex="{{widgetModel.sizex}}" data-sizey="{{widgetModel.sizey}}" style="width:200px; height:100px;">'+ 
    '{{widgetModel.text}}, ({{widgetModel.row}},{{widgetModel.col}})'+ 
    '</li>', 
link: function(scope, element, attrs) { 

    var chart1 = new Highcharts.Chart({ 
     chart: { 
     renderTo: attrs.id, 
     type: attrs.chartType, 
     height: attrs.chartheight, 
     animation: false 
     }, 
     xAxis: { 
     categories: [12,13,14,15], 
     labels: { 
      step: attrs.chartStep 

     } 
     }, 
     yAxis: { 
     title: { 
      text: '' 
     } 
     }, 
     series: [{ 
     data: [1,2,3,4], 
     name: "ciccio" 
     }] 
    }); 
} 
    }; 
}); 

编辑：

我创建了一个小提琴：http://jsfiddle.net/Tropicalista/mtKJ8/33/

Answer 1

[解决]：我有更新我拨弄我的解决方案：http://jsfiddle.net/mtKJ8/59/

renderTo: element[0],