Amcharts Angular Directive

时间:2016-02-15 08:45:15

标签: javascript angularjs amcharts

我找到了这个角度指令 Directive

但是当我创建两个相同的图表它崩溃了,我无法添加图表。

问题在于指令,生成随机id。

有没有办法直接在范围内写作?

谢谢!

UPDATE(1)

我有一个图表数组: 例如

$scope.charts = [
{
    name:"Simple Pie Chart",
    image:"/theme2/assets/img/widget2.png",
    "struct":{
        "type": "pie",
        "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
        "titleField": "category",
        "valueField": "column-1",
        "allLabels": [],
        "balloon": {},
        "titles": [],
        "data": [
            {
                "category": "category 1",
                "column-1": 8
            },
            {
                "category": "category 2",
                "column-1": 6
            },
            {
                "category": "category 3",
                "column-1": 2
            }
        ]
    }
}

当用户选择其中一个图表时,我将其添加到变量&gt;

$scope.items.push(data.item); //chart selected

然后在html中我用
显示所选的图表 Directive

 <div ng-repeat="graph in items">
                 <amchart  ng-model="graph" >
                </amchart>

            </div>

1 个答案:

答案 0 :(得分:0)

我猜ng-repeat因为重复项而不是图表

而崩溃

尝试ng-repeat="graph in items track by $index"

这将允许您在转发器中拥有重复的对象。