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

时间:2016-03-20 07:33:52

标签: javascript d3.js dc.js sunburst-diagram

我从这个link获取了示例源代码。

我的数据如下:

var ndx = crossfilter(data);
var yearDim2 = ndx.dimension(function(d)
{
    return [d.known_technologies,d.company];  
});
var spendPerYear2 = yearDim2.group();

我的尺寸:

Toolbar

我有类似下面的内容:

但我想以下面的方式:

jsfiddle here

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

1 个答案:

答案 0 :(得分:1)

如果要渲染两个不同的旭日形,则需要两个不同的元素来捕获html页面。您可以通过更改在year2维中返回的数组中维的顺序来控制内环和外环。创建适当的组,从DOM中选择两个项目,然后像jsfiddle中一样创建图表。不要忘记调用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();