安查特角指令

Amcharts Angular Directive

本文关键字：指令      更新时间：2023-09-26

我找到了这个角度指令命令

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

问题是指令，生成随机id。

有没有办法直接在范围内写入？

谢谢！

更新(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
            }
        ]
    }
}

当用户选择此图表之一时，我将其添加到变量>

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

然后在 HTML 中，我显示带有
命令：

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

我想ng-repeat因为重复的项目而崩溃......不是图表

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

这将允许您在中继器中具有重复的对象。

相关文章：