C3 标题左对齐

Question

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

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

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

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

和用于添加标题的 C3。

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

谢谢。

Answer 1

两者都

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

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

2. 要获得更多 fine-grained 控件，您需要更改图表的 .c3-title 文本元素上的 x 属性

http://jsfiddle.net/cbd3fs41/

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

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