使用JSON绘制单个带有多条线的Google折线图

Question

使用JSON绘制单个带有多条线的Google折线图

phpjavascriptmysqljsongoogle-visualization

5

我正在尝试从接收到的MySQL数据库数据绘制折线图。从数据库中，我有这些数据。

我想绘制一个谷歌折线图，将x轴设置为销售日期，将y轴设置为产品名称。但我想为每个产品绘制多条线，就像这样。

我可以为单个产品绘制图表。但不知道如何在同一张图表上处理多个产品。我正在使用JSON获取图表数据并使用MySQL数据库。任何帮助和教程都将不胜感激。谢谢。

PS：我遵循此教程绘制了单条线图表。 http://www.kometschuh.de/GoogleChartToolswithJSON.html

- kinath_ru

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Chase · Accepted Answer

根据示例和文档此处，您需要创建图表的数据部分，如下所示：

        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);

['年份', '销售额', '支出'] 是 [x轴, 折线1, 折线2, ... 折线X]

然后每个随后的数组都是相应的数据。

在你提供的示例中，它显示的数据为 ['日期'，'计数']，这对应于上述格式。

您可以在数据格式标题下方看到此表示形式这里。