C3将标题向左对齐

时间:2018-07-28 06:51:40

标签: d3.js c3.js

我是C3(和D3)的新手,我一整天都在使用Zingcharts。

我想将图表标题移到左侧。

我尝试了CSS,但似乎没有任何动作。我可以更改大小和颜色,但不能更改对齐方式或位置。

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

和用于添加标题的C3。

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

enter image description here

谢谢。

1 个答案:

答案 0 :(得分:1)

任何一个

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

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

  2. 要获得更精细的控制,您需要更改图表的.c3-title文本元素上的x属性

http://jsfiddle.net/cbd3fs41/

最好的方法是在图表配置的渲染回调中对其进行更改

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