d3.js - C3 标题左对齐

Question

我是 C3（和 D3）的新手，我一直在使用 Zingcharts。

我想将图表标题移到左边缘。

我已经尝试了css，但似乎没有任何动静。我可以更改大小和颜色，但不能更改对齐或位置。

.c3-title {
  font-size: 26px;
  fill: green;
  text-align: left;
  }

以及用于添加标题的 C3。

title: {
         text: 'My Title',
 },

谢谢你。

标签： d3.jsc3.js

Answer 1

任何一个

1. 设置标题时使用位置属性

   title: { text:"TITLE", position: "upper-left"},

2. 要进行更细粒度的控制，您需要更改图表的 .c3-title 文本元素上的 x 属性

http://jsfiddle.net/cbd3fs41/

最好的地方是在图表配置中的 onrendered 回调中更改它

onrendered : function () {
    d3.select(this.config.bindto).select(".c3-title").attr("x", 50);
}