Я получаю это сообщение об ошибке (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],
]);