如何将值数组传递给旭日形图 dc.js？答案

【问题标题】：How to pass array of values to sunburst chart dc.js?如何将值数组传递给旭日形图 dc.js？
【发布时间】：2016-07-06 19:07:13
【问题描述】：

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

我的数据如下所示：

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

我得到了如下内容：

但我想通过以下方式：

jsfiddle here

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

【问题讨论】：

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

【解决方案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();

【讨论】：