用不同的輸入數據重複一個對象

Question

我想重複下面的圖表，但使用不同的數據，並將它們放在彼此旁邊，我該怎麼做？

var chart = circularHeatChart() 
    .segmentHeight(10) 
    .innerRadius(20); 
var data = []; 
for(var i=0; i<240; i++) data[i] = i; 

d3.select('#chart1') 
    .selectAll('svg') 
    .data([data]) 
    .enter() 
    .append('svg') 
    .call(chart).attr("transform", "translate(" + 500 + "," + 450 + ")"); 

Answer 1

將其放入更新功能和數據傳遞給函數

var data = []; 
for(var i=0; i<240; i++) data[i] = i; 

update(data); 

function update(yourData){ 

var chart = circularHeatChart() 
    .segmentHeight(10) 
    .innerRadius(20); 


d3.select('#chart1') 
    .selectAll('svg') 
    .data([yourData]) 
    .enter() 
    .append('svg') 
    .call(chart).attr("transform", "translate(" + 500 + "," + 450 + ")"); 
} 

像上面的東西會工作:)