Я знаю, что svg имеет встроенную функцию для округления углов, но мне нужно делать закругленные углы только на двух из четырех углов.
Я знаю, что могу нарисовать несколько прямоугольников друг над другом, чтобы имитировать это, но это похоже на дрянь. Любой способ сделать это с помощью обрезки или любого метода d3.js?
Прямо сейчас у меня есть горизонтальная гистограмма, которая имеет такие прямоугольники, как:
rects.enter().append("rect")
.attr("x",function(d,i) { return x(0); })
.attr("width",function(d) { return x(d.value) - x(0); })
.attr("height",y.rangeBand())
.attr("y",function(d) { return y(d.name); })
Я пытаюсь создать закругленные углы с правой стороны прямоугольника, но не уверен, как это сделать.