在基于日期的AmCharts中添加多条线

Question

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

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

我遇到了这个以日期为基础的amCharts图表，我想在我的应用程序中使用它。问题是，我想在这个图表中添加多条线，但我不知道如何添加。我尝试使用给定的样本代码进行操作，但没有办法提供多个数据数组。

我还尝试使用新的AmCharts.AmGraph()方法创建单独的图形，但是amCharts要求在图表级别而不是图形级别上提供数据提供程序。

请帮忙。

- Sourabh

Answer 1

只需将您的第二个图形添加到“图形”部分即可...

    {
        "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
    }

如您所见，我已经添加了"value2"作为第二个图表的示例数据。请确保在图表部分中引用此值（正如您在上面代码的顶部部分中所看到的"valueField"）。

您可以在http://jsfiddle.net/srp8313j/网站上看到一个可工作的示例。我只添加了一些点来显示需要完成的内容。

- Simon