Javascript 如何将值数组传递给sunburst chart dc.js?

Javascript 如何将值数组传递给sunburst chart dc.js?,javascript,d3.js,dc.js,sunburst-diagram,Javascript,D3.js,Dc.js,Sunburst Diagram,我从这个源代码中获取示例 我的数据如下所示: var data = [{ known_technologies : ["prepaid billing", " postpaid billing"],company : "A",YearsOfExp:0}, { known_technologies : ["prepaid billing", " postpaid billing"],company:"B",YearsOfExp:1}]; 我的尺寸: var ndx = crossfilter(d

我从这个源代码中获取示例

我的数据如下所示:

var data = [{ known_technologies : ["prepaid billing", " postpaid billing"],company : "A",YearsOfExp:0},
{ known_technologies : ["prepaid billing", " postpaid billing"],company:"B",YearsOfExp:1}];
我的尺寸:

var ndx = crossfilter(data);
var yearDim2 = ndx.dimension(function(d)
{
    return [d.known_technologies,d.company];  
});
var spendPerYear2 = yearDim2.group();
我得到了如下结果:

但我想这样做:


我如何制作尺寸。有什么建议吗?提前感谢。

如果你想呈现两个不同的太阳光,你需要在html页面上抓取两个不同的元素。您可以通过更改在year2维度中返回的数组中维度的顺序来控制内环和外环。创建适当的组,从DOM中选择这两个项目,并像在JSFIDLE中一样创建图表。不要忘记调用dc.renderAll(),这样您就可以真正创建图表了

const ndx = crossfilter(data);

const yearDimX = ndx.dimension(function(d){
    return [d.company, d.known_technologies];  
});

const yearDimY = ndx.dimension(function(d){
    return [d.known_technologies,d.company];  
});

const spendPerYearX = yearDimX.group();
const spendPerYearY = yearDimY.group();