Ошибка синтаксиса: отсутствует] после списка элементов -> толкающий массив - Google Chart Treemap - PullRequest
0 голосов
/ 28 мая 2019

Я получаю это сообщение об ошибке (SyntaxError: missing] после списка элементов), когда я помещаю свой массив в "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],
  ]);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...