Echarts - Can't able align the title to center

Question

I am trying the center the title of the echarts component by setting

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

But it is not working.

I have referred the official document(https://echarts.apache.org/option.html#title.textStyle.align) on this.

JSFiddle link : http://jsfiddle.net/jeffersonswartz/y8zs5coq/5/

Thanks.

Answer 1

That should be title.left = 'center' instead of title.textStyle.align. Help you updated at http://jsfiddle.net/ovilia/06u9xpj4/ .

title.textStyle.align is used to align the text within the position. For example, if you set title.textStyle.width and title.textStyle.align, they can work together.

Answer 2

This also works great:

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