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

Answer 2

约翰的回答很棒，但你不能用titleShape的酒窝函数吗？如果将轴定义为"x“和"y"，则只需：

x.titleShape.text("your x axis title");
y.titleShape.text("your y axis title");

如果您没有定义轴，那么像John展示的那样使用d3可能是最好的方法。