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

Repeat an object with different input data

本文关键字:数据 一个对象 输入      更新时间:2023-09-26

我想重复下面的图表,但有不同的数据,并把它们放在一起,我怎么做呢?

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

将其放置在更新函数中并将数据传递给函数

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

类似于上面的东西可以工作:)