Echarts - 无法将标题居中对齐

Question

我正在尝试通过设置将 echarts 组件的标题居中

title:{
    text: "My Title",
    textStyle:{
        align: "center"
    }
}

但它不起作用。

我已经参考了官方文档（https://echarts.apache.org/option.html#title.textStyle.align）。

JSFiddle 链接：http : //jsfiddle.net/jeffersonswartz/y8zs5coq/5/

谢谢。

Answer 1

那应该是title.left = 'center'而不是title.textStyle.align. 帮助您更新http://jsfiddle.net/ovilia/06u9xpj4/。

title.textStyle.align用于对齐位置内的文本。例如，如果您设置title.textStyle.width和title.textStyle.align，它们可以一起工作。

Answer 2

这也很有效：

title : {
        text:"foo",
        subtext:"bar",
        x:'center'
}

Answer 3

您必须将title.left属性设置为center：

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

JSFiddle 链接：http://jsfiddle.net/xguL0vrk/

还使用 ECharts 5.0.1 进行了测试