使用JSON绘制包含多行的单个Google折线图

Question

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

我想绘制一个谷歌折线图，将x轴作为销售日期，将y轴作为product_name。但是我希望每个产品有多行，比如这样。

我可以绘制单个产品的图表。但无法想象如何在同一图表中为多个产品做到这一点。我正在使用JSON来获取图表的数据并使用MySQL数据库。任何帮助，教程将不胜感激。感谢。

PS：我遵循本教程的单线图。 http://www.kometschuh.de/GoogleChartToolswithJSON.html

Answer 1

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

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

['Year', 'Sales', 'Expenses']是[x-axis, line 1, line 2, ... lineX]

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

在您链接的示例中，它将数据显示为['day'，'counts']，这与上述格式相对应。

您可以在Data Format here

的标题下看到此权利的表示