如何使图表上的d3标题响应？

Question

我有这个代码片段，可以为图表添加标题，如何才能使其响应？

        d3.select('#chart svg').append('text')
        .attr('x', d3.select('#chart svg').node().getBoundingClientRect().width / 2)
        .attr('y',20)
        .attr('text-anchor', 'middle')
        .style('font-size', '1.4em')
        .style('fill','white')
        .text(item1.chart_title);

这里是小提琴：https://jsfiddle.net/1bxe2scd/1/

Answer 1

附加一个类，并使用媒体查询使该类对不同的屏幕大小采取不同的行为：

.attr('class', 'resp-font')

.resp-font {
    //media query for small
    font-size: 12px;

    //media query for large
    font-size: 18px;
}