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 + ")");
}

上述内容将起作用：）

使用不同的输入数据重复一个对象

1 个答案: