ЛЮБОЙ ДИАГРАММА динамическая Розыгрыш HeadMaps

Question

Что мне нужно следующее:

У меня есть данные, как представляется, в этом вопросе, моя проблема, мне нужно, чтобы генерировать 4 (headmaps), как представляется, в данном примере, проблема в том, что в моем примере появляются те 4 (headmaps), один поверх другого, т.е. появляются Repeated. Мне нужно создать 4 или более карт, но не повторяться.

Моя проблема: мне нужно создать 4 карты, в этом примере я генерирую 4 карты, но один поверх другого (суперпозиция), я хочу, чтобы они были 4 карты, но правильно, проверьте пример

Мой код

anychart.onDocumentReady(function() { 

var data = anychart.data.set([ 
['Preventivo'  ,'Monitoreado' ,22 ,"#298A08"], 
['Preventivo'  ,'Estandarizado' ,16 ,"#298A08"], 
['Preventivo'  ,'Informal'  ,10 ,"#04B431"], 
['Preventivo'  ,'Nulo'  ,4 ,"#FF8000"], 
['Correctivo'  ,'Monitoreado' ,14 ,"#04B431"], 
['Correctivo'  ,'Estandarizado' ,10 ,"#04B431"], 
['Correctivo'  ,'Informal'  ,6 ,"#FF8000"], 
['Correctivo'  ,'Nulo'  ,2 ,"#FFFF00"], 
['Detectivo'  ,'Monitoreado' ,6 ,"#FF8000"], 
['Detectivo'  ,'Estandarizado' ,4 ,"#FF8000"], 
['Detectivo'  ,'Informal'  ,2 ,"#FFFF00"], 
['Detectivo'  ,'Nulo'  ,0 ,"#FF0000"], 
['Inexistente' ,'Monitoreado' ,-2 ,"#FF0000"], 
['Inexistente' ,'Estandarizado' ,-2 ,"#FF0000"], 
['Inexistente' ,'Informal'  ,-2 ,"#FF0000"], 
['Inexistente', 'Nulo'  ,-2 ,"#FF0000"], 
['Preventivo'  ,'Monitoreado' ,21 ,"#298A08"], 
['Preventivo'  ,'Estandarizado' ,15 ,"#04B431"], 
['Preventivo'  ,'Informal'  ,9 ,"#FF8000"], 
['Preventivo'  ,'Nulo'  ,3 ,"#FFFF00"], 
['Correctivo'  ,'Monitoreado' ,13 ,"#04B431"], 
['Correctivo'  ,'Estandarizado' ,9 ,"#FF8000"], 
['Correctivo'  ,'Informal'  ,5 ,"#FF8000"], 
['Correctivo'  ,'Nulo'  ,1 ,"#FF0000"], 
['Detectivo'  ,'Monitoreado' ,5 ,"#FF8000"], 
['Detectivo'  ,'Estandarizado' ,3 ,"#FFFF00"], 
['Detectivo'  ,'Informal'  ,1 ,"#FF0000"], 
['Detectivo'  ,'Nulo'  ,-1 ,"#FF0000"], 
['Inexistente' ,'Monitoreado' ,-3 ,"#FF0000"], 
['Inexistente' ,'Estandarizado' ,-3 ,"#FF0000"], 
['Inexistente' ,'Informal'  ,-3 ,"#FF0000"], 
['Inexistente' ,'Nulo'  ,-3 ,"#FF0000"], 
['Preventivo' ,'Monitoreado' ,23 ,"#298A08"], 
['Preventivo' ,'Estandarizado' ,17 ,"#298A08"], 
['Preventivo' ,'Informal'  ,11 ,"#04B431"], 
['Preventivo' ,'Nulo'  ,5 ,"#FF8000"], 
['Correctivo' ,'Monitoreado' ,15 ,"#04B431"], 
['Correctivo' ,'Estandarizado' ,11 ,"#04B431"], 
['Correctivo' ,'Informal'  ,7 ,"#FF8000"], 
['Correctivo'  ,'Nulo'  ,3 ,"#FFFF00"], 
['Detectivo'  ,'Monitoreado' ,7 ,"#FF8000"], 
['Detectivo'  ,'Estandarizado' ,5 ,"#FF8000"], 
['Detectivo'  ,'Informal'  ,3 ,"#FFFF00"], 
['Detectivo'  ,'Nulo'  ,1 ,"#FF0000"], 
['Inexistente' ,'Monitoreado' ,-1 ,"#FF0000"], 
['Inexistente' ,'Estandarizado' ,-1 ,"#FF0000"], 
['Inexistente' ,'Informal'  ,-1 ,"#FF0000"], 
['Inexistente' ,'Nulo'  ,-1 ,"#FF0000"], 
['Preventivo' ,'Monitoreado' ,20 ,"#298A08"], 
['Preventivo' ,'Estandarizado' ,14 ,"#04B431"], 
['Preventivo' ,'Informal'  ,8 ,"#FF8000"], 
['Preventivo' ,'Nulo'  ,2 ,"#FFFF00"], 
['Correctivo' ,'Monitoreado' ,12 ,"#04B431"], 
['Correctivo' ,'Estandarizado' ,8 ,"#FF8000"], 
['Correctivo' ,'Informal'  ,4 ,"#FF8000"], 
['Correctivo' ,'Nulo'  ,0 ,"#FF0000"], 
['Detectivo' ,'Monitoreado' ,4 ,"#FF8000"], 
['Detectivo' ,'Estandarizado' ,2 ,"#FFFF00"], 
['Detectivo' ,'Informal'  ,0 ,"#FF0000"], 
['Detectivo' ,'Nulo'  ,-2 ,"#FF0000"], 
['Inexistente' ,'Monitoreado' ,-4 ,"#FF0000"], 
['Inexistente' ,'Estandarizado' ,-4 ,"#FF0000"], 
['Inexistente' ,'Informal'  ,-4 ,"#FF0000"], 
['Inexistente' ,'Nulo'  ,-4 ,"#FF0000"] 
]); 

stage = anychart.graphics.create("container"); 
var count = 2; 
for (i=0; i<2; i++){ 
    for (j=0; j<2; j++){ 
     var dataSet = data.mapAs({x: [1],y: [0], heat: [2], fill: [3]}); 
     count++; 
     var chart = anychart.heatMap(dataSet); 
     chart.container(stage); 
     chart.bounds(50*i + '%', 50*j + '%', "50%", "50%"); 
     chart.draw(); 

}}; 
}); 

Эта ссылка является полный пример.

Example

Answer 1

Диего, все, что вам нужно - это получить соответствующую часть данных для каждого графика. Если вы примените метод data(), вы получите массив, чтобы вы могли легко получить данные, например. с помощью метода среза():

data.data().slice(16*count, 16*(count+1)); 

Этот простой пример иллюстрирует идею: http://jsfiddle.net/g4ex62h0/4/