语法错误:元素列表后缺少]->推送数组-Google图表树形图

时间:2019-05-28 15:06:05

标签: javascript d3.js charts google-api

当我将数组推入“ obj”时,收到此错误消息(语法错误:缺少])。 我正在尝试以下Google图表示例:https://developers.google.com/chart/interactive/docs/gallery/treemap

但是我使用自己的数据(tatver.csv)。我用d3.csv加载它们->这很好,然后当我不得不将元素(按示例设计)插入数组时,就会遇到问题。

它的外观如何(以Google为例)

[['Location', 'Parent', 'Market trade volume (size)', 'Market increase/decrease (color)'],
['Global',    null,                 0,                               0],
['America',   'Global',             0,                               0],
['Europe',    'Global',             0,                               0],
['Brazil',    'America',            11,                              10],
['France',    'Europe',             42,                              -11]

我没问题,因为每个括号都应该正确。

<script>
    var total = 0;
    jsonObj = [];
    obj = [];

window.onload = function () { 
obj.push([ 
'Location', 'Parent', 'Volume', 'Colour']);

    d3.csv("tatver.csv", function(data) {
        var straftat;
        var straftatAlt = data[0].Straftat;
        var count=0;
        var male =0;
        var female = 0;
        var sexuality;
        var strafTatGleich = false;
        var sexusStraf;
        var anzahl;


        data.forEach(function (d){
            straftat = d.Straftat;
            if(straftat == straftatAlt){
                strafTatGleich = true;
            } else {
                strafTatGleich = false;


                obj.push([
                "'" + sexusStraf "'", "'" + straftatAlt +"'", parseInt(count) , 0 
                ]); 

                count = 0;
                male = 0;
                female = 0;
                straftatAlt = straftat;

            }
            if(d.Sexus == "X"){
                if(d.Sexus == "X"){
                    if(strafTatGleich == true){
                        if(d.Sexus != "NaN"){
                            count = count + (+d.Tatverdaechtige_insgesamt_deutsch);

                        }
                    }
                }
            }

            if(d.Sexus ==  "M"){
                    if(strafTatGleich == true){

                        if(d.Sexus != "NaN"){
                        male = male + (+d.Tatverdaechtige_insgesamt_deutsch);   
                        sexuality = "male";
                        anzahl = d.Straftat;
                        sexusStraf = anzahl.concat(" ",sexuality);  
                        //console.log(sexusStraf);
                        }
                    }
            }

            if(d.Sexus ==  "W"){
                    if(strafTatGleich == true){

                        if(d.Sexus != "NaN"){
                            female = female + (+d.Tatverdaechtige_insgesamt_deutsch);       
                            sexuality = "female";
                            anzahl = d.Straftat;
                            sexusStraf = anzahl.concat(" ",sexuality);
                            //console.log(sexusStraf);

                        }
                    }
            }

        });     

        jsonObj.shift();

google.charts.load('current', {'packages':['treemap']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
    var data = google.visualization.arrayToDataTable(obj);

    tree = new google.visualization.TreeMap(document.getElementById('chart_div'));

    tree.draw(data, {
      minColor: '#f00',
      midColor: '#ddd',
      maxColor: '#0d0',
      headerHeight: 15,
      fontColor: 'black',
      showScale: true
    });

  }

我只想将我的数据正确添加到此数组中以显示树图。这是硬编码的,应该看起来像这样的实习生。

 function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Location', 'Parent', 'Market trade volume (size)', 'Market increase/decrease (color)'],
          ['AlleStraftaten',    null,          0,                              0],
          ['Vergewaltigung und sexuelle Nötigung',   'AlleStraftaten',      0,                              0],
          ['Raub räuberische Erpressung und räuberischer Angriff auf Kraftfahrer',    'AlleStraftaten',      0,                              0],

          ['Vergewaltigung und sexuelle Nötigung: weiblich',    'Vergewaltigung und sexuelle Nötigung',            12,                              10],
          ['Vergewaltigung und sexuelle Nötigung: männlich',       'Vergewaltigung und sexuelle Nötigung ',            1906,                              31],
          ['Raub räuberische Erpressung und räuberischer Angriff auf Kraftfahrer :weiblich',    'Raub räuberische Erpressung und räuberischer Angriff auf Kraftfahrer ',            848,                              10],
          ['Raub räuberische Erpressung und räuberischer Angriff auf Kraftfahrer :männlich',       'Raub räuberische Erpressung und räuberischer Angriff auf Kraftfahrer ',            9540,                              31],
  ]);

0 个答案:

没有答案