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

Question

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

我想绘制一个谷歌折线图,将x轴作为销售日期,将y轴作为product_name.但我希望每个产品都有多行,就像这样.

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

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

Answer 1

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

        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