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

John的答案很棒，但是你不能使用titleShape的凹陷函数吗？如果您将轴定义为＆＃34; x＆＃34;和＆＃34; y＆＃34;，那么你可以这样做：

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

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