条形图不从零开始

ttmt

我在这里有一个堆叠闪电-https://stackblitz.com/edit/d3-start-above-zero ? embed =1& file = index.js & hideNavigation =1

这是一个带有一个条的超简单条形图

y轴显示0-200之间的值

条形图的值从50开始,到150结束,因此我想以这些值绘制条形图,以便条形图位于图形中心。

我有点高,但无法固定y位置。

杰拉尔多·富塔多

您可以在范围会0height...

scale.range([0, height])

...或height0...

scale.range([height, 0])

...但是,这并不会改变以下事实:在SVG中,y的坐标系从页面的顶部到底部。因此,y属性必须始终较小height一个矩形。

话虽这么说,你必须使用finishy属性:

.attr("y", function (d, i) {
    return y(d.finish);
})
.attr("height", function(d,i){
    return y(d.start) - y(d.finish);
});

这是更新的代码:https : //stackblitz.com/edit/d3-start-above-zero-qnk7bl?file=index.js

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章