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

Question

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

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

我在am图表中遇到了这个基于日期的图表,我希望将其用于我的应用程序.问题是,我想在此图表中添加多行,我不知道如何添加.我尝试使用给定的示例代码执行此操作,但无法提供多个数据数组.

我还尝试使用新的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/上看到一个工作示例.我只为第二张图添加了几点,这样你就可以了解需要做什么.