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

Question

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

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

我遇到了这个date based chart in am charts我想用于我的应用程序。问题是，我想在这个图表中添加多条我不知道如何添加的线。我尝试使用给定的示例代码来做这件事，但是没有办法提供多个数据数组。

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

请帮忙

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/ 看到一个工作示例.我只为第二张图添加了几点，以便您可以了解需要做的事情。