charts - dimple.js 图表中图表和轴的标题

Question

如何为 dimple.js 图表添加标题？我想更新图表和轴的标题。我正在使用dimple.js。请指教。

Answer 1

您可以添加带有小 d3 的标题。这是中心标题的示例。为简单起见，我将样式放在 d3 中，但给它一个类并在 css 中设置样式可能会更整洁:

svg.append("text")
   .attr("x", c._xPixels() + c._widthPixels() / 2)
   .attr("y", c._yPixels() - 20)
   .style("text-anchor", "middle")
   .style("font-family", "sans-serif")
   .style("font-weight", "bold")
   .text("My brilliant chart about a and b");

http://jsbin.com/hosobo/4/edit?js,output