Как получить новую строку после заголовка в линейной диаграмме echarts?

Я хотел бы добавить новую строку после заголовка, может ли кто-нибудь мне помочь, как мне это сделать? Здесь я устанавливаю такие параметры, как,

option ={
title: 'test content regarding the line chart'
}

Из-за того, что название длинное, оно превосходит легенды, вроде,

option ={
title: 'test content regarding the line chart \n'
}

не будет тренироваться ...

Спасибо,


echarts
person Jaccs    schedule 18.07.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы все сделали правильно. Просто используйте '\n', чтобы добавить еще одну строку, и вы можете использовать онлайн-редактор eChart для проверки. Обратите внимание на положение подтекста, когда вы изменяете заголовок, вставляя или удаляя новую строку в конце заголовка.

https://ecomfe.github.io/echarts-examples/public/editor.html

Вы можете использовать этот пример:

option = {
title: {
    text: ' Inserting a break on title \n and another break here \n',
    subtext: 'We also have the subtext'
},
tooltip: {
    trigger: 'axis',
    axisPointer: {
        type: 'shadow'
    }
},
legend: {
    data: ['Production']
},
grid: {
    containLabel: true
},
xAxis: {
    type: 'value',
    data: ['abc','xyz'],
    boundaryGap: [0, 0.01]
},
yAxis: {
    type: 'category',
    data: ['Month 1','Month 2']
},
series: {
        name: 'Production',
        type: 'bar',
        data: [70,80],
        isBiggerOrEqual: true
    }};
person Theotonio    schedule 10.08.2018