Question

我刚刚开始使用AmCharts Javascript图表库。我的要求是绘制一个图表，其中包含一个值轴和一个日期轴。我有数据集显示不同团队成员的结果。

另外，我有一个阵列，其中存储了团队成员的综合表现，这基本上显示了公司的表现。

我遇到了这个date based chart in am charts我希望用于我的应用程序。问题是，我想在此图表中添加多行，我不知道如何添加。我尝试使用给定的示例代码执行此操作，但无法提供多个数据数组。

我还尝试使用新的AmCharts.AmGraph（）方法创建单独的图形，但是amCharts在图表级别上请求数据提供者。不在图表级别。

请帮忙

Answer 1

只需将第二张图表添加到＆＃34;图表＆＃34;节...

    {
        "id": "g2",
        "bullet": "round",
        "bulletBorderAlpha": 1,
        "bulletColor": "#00FF00",
        "bulletSize": 5,
        "hideBulletsCount": 50,
        "lineThickness": 2,
        "title": "green line",
        "useLineColorForBulletBorder": true,
        "valueField": "value2"
    }

并将第二个流添加到您的数据中......

    {
        "date": "2012-07-27",
        "value": 13,
        "value2": 10
    }, {
        "date": "2012-07-28",
        "value": 11,
        "value2": 12
    }

正如您所看到的，我添加了＆＃34; value2＆＃34;它将用作第二个图的示例数据。只需确保在图表部分中引用此值（正如您将在上面代码顶部的＆＃34; valueField＆＃34;中看到的那样。

您可以在http://jsfiddle.net/srp8313j/看到一个有效的例子。我只为第二张图添加了几点，这样你就可以了解需要做什么。

在基于日期的AmCharts中添加多行

1 个答案: