将注释文本添加到boxTick

时间:2018-02-18 17:13:17

标签: d3.js

我非常感谢Mike Bostocks&#39; Box Plots 到目前为止,我一直无法确定如何添加特定的文本注释 - 例如使用.append(&#34; text&#34;) - 例如,与compare<int>( some_other_comparator ); boxTick相邻向观众描述这些值是什么,例如&#34; Q3&#34;管他呢。

实现这一目标的好方法是什么?

1 个答案:

答案 0 :(得分:0)

这是一个有效的演示:

Plunkr with description for box and whisker ticks in a box plot

我只是使用相同的逻辑(使用索引i)来确定刻度的位置,即dx

相关代码更改:

对于方框刻度:

.text(function(d, i) {
    var quartile = i & 1 ? 'Median' : !i ? 'Q1' : 'Q3';
    return quartile + ': ' + format(d);
})

对于胡须文本:

.text(function(d, i) {
   return (!i ? 'LW: ' : 'UW: ') + format(d);
})

如果您有任何疑问,请与我们联系。希望这可以帮助。