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();