在dc.js中绘制带有圆角矩形的条形图

Question

我正在尝试将圆角矩形添加到我在dc.js中创建的条形图中。我已经尝试添加一个renderlet，但这不起作用。然后尝试在dc.renderAll（）调用之后添加这段代码：

dc.transition(svg.selectAll('rect'), chartProjectsCreatedChart.transitionDuration())
            .attr('rx', 5)
            .attr('ry', 5)

有趣的是，这为图例提供了一个圆角矩形，但没有给出单独的图表栏

，即使这些元素都具有“rx”和“ry”属性。

我看到dc.heatmap有xBorderRadius和yBorderRadius属性，但它们似乎不适用于普通的条形图。

由于

Answer 1

D3.js V5 + DC.js解决方案

chart.on('pretransition', (chart) => {
      const svg = chart.select('svg');

      // Bar Border Radius
      svg.selectAll("rect")
          .attr("rx", "5")
          .attr("ry", "5");
});