无法使用具有不同数据类型的多个列绘制谷歌折线图

时间:2016-02-05 11:55:44

标签: php mysql json laravel google-visualization

我在实施多行谷歌图表时遇到问题。在绘制线图时,我得到了#34;给定轴上的所有系列必须具有相同的数据类型"。

下面是我的Google折线图代码段,我从数据库获取frmyear,toyear和make的值。(这是动态下拉列表)。

function drawChart(frmyear, toyear, makes) 
{
        alert('hiii');
        console.log(makes);
        $_token = "{{ csrf_token() }}";
        var jsondata = '';
        $.ajax({
            type: 'POST', 
            url: 'salesone',
            data: {frmyear: frmyear, toyear: toyear, makes: makes, _token: $_token },

            }).success(function(data) {
            }).done(function(data){

        jsondata = JSON.stringify(data);
        console.log(jsondata);
        drawgraph(jsondata);
     })
       .fail(function(data) {
       alert( "error" );
    });

  }


  function drawgraph(jsondata)
  {
      var data = new google.visualization.DataTable(jsondata);

      var options = {
      curveType: 'function',
      legend: { position: 'bottom' }
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

  chart.draw(data, {width: 200, height: 300});
  chart.draw(data, options);

  } 

如果用户选择两个品牌,例如Mahindra&现代2011年1月至2011年6月期间我的JSON数据如下所示:

{"cols":[{"label":"Datetime","type":"date"},{"label":"Make","type":"string"},{"label":"Sales","type":"number"}],"rows":[{"c":[{"v":"Date(2011, 0, 31)"},{"v":"Hyundai"},{"v":28989}]},{"c":[{"v":"Date(2011, 1, 28)"},{"v":"Hyundai"},{"v":31405}]},{"c":[{"v":"Date(2011, 2, 31)"},{"v":"Hyundai"},{"v":30529}]},{"c":[{"v":"Date(2011, 3, 30)"},{"v":"Hyundai"},{"v":30522}]},{"c":[{"v":"Date(2011, 4, 31)"},{"v":"Hyundai"},{"v":30076}]},{"c":[{"v":"Date(2011, 5, 30)"},{"v":"Hyundai"},{"v":29461}]},{"c":[{"v":"Date(2011, 0, 31)"},{"v":"Mahindra"},{"v":16620}]},{"c":[{"v":"Date(2011, 1, 28)"},{"v":"Mahindra"},{"v":14523}]},{"c":[{"v":"Date(2011, 2, 31)"},{"v":"Mahindra"},{"v":16044}]},{"c":[{"v":"Date(2011, 3, 30)"},{"v":"Mahindra"},{"v":14709}]},{"c":[{"v":"Date(2011, 4, 31)"},{"v":"Mahindra"},{"v":15892}]},{"c":[{"v":"Date(2011, 5, 30)"},{"v":"Mahindra"},{"v":15286}]}]}

这里我有三列Datetime,Make&销售和所有都是不同的数据类型,因此我无法绘制现代和&线的图表。马辛德拉。

我想要以下格式的数据:

Date                Hyndai          Mahindra
Date(2011, 1, 28)   31405           16620
Date(2011, 2, 31)   30529           14523 
Date(2011, 3, 30)   30522           16044

在这种情况下,要么我必须创建数据视图,要么我需要修改JSON。但在这两种方法中,我都不会知道用户选择了多少品牌。

我的应用程序在Laravel 5.1& MySQL作为数据库。在这种情况下,使用谷歌图表绘制折线图的可能解决方案是什么?

0 个答案:

没有答案