d3.js 在D3js多行图表上的x标题上方添加空格

eqqqjvef 于 2022-11-12 发布在其他

关注(0)|答案(1)|浏览(138)

我试图在D3js多行图表的xCaption和x轴标签之间添加空格，但无法做到。另外，我如何才能去掉最后一个x标签（5后面的那个）。

const XCaption = svg.append('g')
        .attr('class', 'x axis')
        .attr('transform', `translate(0, ${height - margin})`)
        .call(xAxis)
        .append('text')
        .attr('x', (width/2) - 24)
        .attr('y', 25)
        .attr('transform', 'rotate(0)')
        .attr('fill', '#437495')
        .attr('font-size', '16px');

d3.js

来源：https://stackoverflow.com/questions/71839799/add-space-above-x-caption-on-d3js-multiline-chart

1条答案

按热度按时间

bkkx9g8r1#

您可以通过将y：

const XCaption = svg.append('g')
        .attr('class', 'x axis')
        .attr('transform', `translate(0, ${height - margin})`)
        .call(xAxis)
        .append('text')
        .text('Sprints')
        .attr('x', (width/2) - 24)
        .attr('y', 30) // move your text down 5 more pixels
        .attr('transform', 'rotate(0)')
        .attr('fill', '#437495')
        .attr('font-size', '16px');

最后的小刻度通常是axis域的一部分。

.x.axis .domain { display: none; }

赞(0）回复(0）举报 2022-11-12

我来回答

d3.js 在D3js多行图表上的x标题上方添加空格

1条答案

相关问题

热门标签

最新问答