php - 使用 JSON 绘制具有多条线的单个 Google 折线图

标签 php javascript mysql json google-visualization

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

enter image description here

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

enter image description here

我可以绘制单个产品的图表。但是无法想象如何在同一个图表中对多个产品执行此操作。我正在使用 JSON 获取图表数据并使用 MySQL 数据库。任何帮助,教程将不胜感激。谢谢。

PS:我按照本教程制作了一个折线图。 http://www.kometschuh.de/GoogleChartToolswithJSON.html

最佳答案

根据示例和文档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 轴,第 1 行,第 2 行,... lineX]

那么后面的每个数组就是对应的数据。

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

您可以在 Data Format 标题下看到此权限的表示 here

关于php - 使用 JSON 绘制具有多条线的单个 Google 折线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13159088/

相关文章:

php - Model.php 行 827 : Class not found 中的 Laravel FatalErrorException

php - 更改apache2 php路径

javascript - 覆盖或阻止外部 .js 文件在 Chrome/tampermonkey 中加载

获取全局参数的 Javascript 自执行函数

mysql - 在一列中使用 和 选择多个

对象属性的 PHP 动态名称

javascript - Laravel Dusk 在表单确认后删除输入值

javascript - document.getElementById().onClick() 未在单击时触发

php - 正确参数化 mysqli 查询并打印多行

mysql - 在mysql select中格式化左连接(不显示左表中的所有记录)