小编use*_*436的帖子

我对D3图表很新,我使用D3创建了我的第一个圆环图,但我想知道是否有任何方法我可以在每个弧之间放置一些填充/间距.

我知道我可以减少每个弧的起始和终止角度,例如,

弧1:从90度到120度弧2:从120度到150度

减小弧形1以上的角度:从92度到118度弧度2:从122度到148度等等.

但我很好奇是否有更简单的方法来放置一些间距.

这是我的代码,你可以在JSfiddle中看到完整的代码.

var vis = d3.select(elementSelector);
var arc = d3.svg.arc()
.innerRadius(svgInnerRadius)
.outerRadius(svgOuterRadius)
.startAngle(function(d){return anglePercentage(d[0]);})
.endAngle(function(d){return anglePercentage(d[1]);});
...

http://jsfiddle.net/24FaQ/

非常感谢你提前.

我是 D3 世界的新手，我构建了我的第一个树形图。

我找不到保留最小节点尺寸（特定宽度和高度）的解决方案。

基本上，如果您查看我的 JSfiddle，您会发现大小为 1 的最小节点无法在内部正确显示其标签，因为框/节点太小，因此文本无法容纳。

{"name": "label5", "size": 1}

有人可以帮助我如何保留/指定最小节点的大小（宽度和高度），以便某些文本/标签适合吗？

这是我完整的JSFiddle：

我正在尝试使用具有值的选项激活两个选择字段，例如。<option value='...'>...</option>使用 Knockoutjs。

并根据第一个选择字段中的选定值填充第二个选择字段选项。

仅供参考，我找到了http://knockoutjs.com/examples/cartEditor.html，但这也没有使用 optionsValue 所以它没有帮助。

这是我的观点：

<select data-bind="options: list,
                   optionsCaption: 'Select...',
                   optionsText: 'location',
                   optionsValue: 'code',
                   value: selectedRegion">                 
</select>
<!-- ko with : selectedRegion -->
<select data-bind="options: countries,
                   optionsCaption: 'Select...',
                   optionsText: 'location',
                   optionsValue: 'code',
                   value: $parent.selectedCountry">
</select>
<!-- /ko  -->

这是我的观点：

var packageData = [
    {
        code : "EU",
        location: 'Euprope',
        countries : [
            { location: "England", code: 'EN' },
            { location: "France", code: 'FR' }
        ]
    },
    {
        code : "AS",
        location: 'Asia',
        countries …

我是D3的新手,我构建了我的第一个树形图.

我试图找出从左到右基于+从上到下而不是从右到左+从下到上排序节点.订单基于每个节点的大小值.

现在,它看起来像

size 20  |  size 100
size 50  |
size 70  |  size 200

但我想要

size 200  | size 70
          | size 50
size 100  | size 20

这是完整的JSfiddle.

我提前很感激.