首页 > 解决方案 > 谷歌图表错误 - 给定轴上的所有系列必须是相同的数据类型×

问题描述

下面是用于填充谷歌图表数据的 javascript 代码 - 折线图。

  //This function is used to bind the user data to chart
function LMTServerDashboardChart(data, Zaxis) {
    debugger
    $("#LMT_CompanyUsage").show();
    var dataArray = [
    ['Date and Hour(s)',Zaxis, 'Company']
    ];
    //$.each(data, function (i, item) {
    //    dataArray.push([item.Date.replace(" 12:00:00 AM", ""), item.noofuser]);
    //});
    if (document.getElementById("PeakUsage").checked)
    {
        $.each(data, function (i, item) {
            dataArray.push([item.Date.replace(" 12:00:00 AM", ""), item.noofuser]);
        });
    }
    else {
        $.each(data, function (i, item) {
            dataArray.push([item.DateTime, item.noofuser, item.Company]);
        });

谷歌图表代码

如下图所示,我收到一个错误“ 给定轴上的所有系列必须是相同的数据类型×”

因为我想为不同的公司显示不同的线栏,所以你可以在附加的第一张图片中看到两个不同的公司。

我正在寻找类似下图的东西。

预期输出 请帮助。

标签: javascriptjqueryasp.net-mvcgoogle-visualization

解决方案


该图表将使用数据表第一列中的值作为 x 轴,
并将每个附加列作为 y 轴(无字符串)

要获得请求的图表,数组的结构需要如下...

[
  ['Date and Hour(s)', 'Company Name 1', 'Company Name 2'],
  ['22.5.2018:1', 1, 1],  // <-- values for companies
  ['22.5.2018:2', 2, 2],
]

推荐阅读