Как выровнять метку имени оси x по концу оси x

Я борюсь с выравниванием метки оси X.

  • В настоящее время у меня есть метка справа от конца оси X: см. (1)
  • Я хотел бы, чтобы эта метка была ниже оси x и выровнена по концу оси x: т. е. так, чтобы правая сторона метки всегда находилась в конце оси x: см. (2)

введите здесь описание изображения

Я использую этот пример и добавляю некоторый код для имени оси:

xAxis: {
    name: 'axisName',
    //nameGap: -100,
    nameTextStyle: {
        fontSize: 18,
        backgroundColor: 'red',
        rich: {
            //position: 'right',
            //verticalAlign: 'bottom',
            //textVerticalAlign: 'bottom'

        }
    }

Я не знаю, с чего начать. Я пробовал несколько вариантов align/nameGap/rich, но не смог найти решение.

Связанный:


echarts
person TmTron    schedule 19.01.2019    source источник
comment
Используйте nameGap и свойство padding в объекте nameTextStyle. Это массив чисел [сверху, справа, снизу, слева]. документы   -  person Olafant    schedule 19.01.2019

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете использовать nameGap с отрицательным значением для правого поля и свойство nameTextStyle.padding для верхнего поля.

xAxis: {
    type: 'category',
    data: hours,
    splitArea: {
        show: true
    },
    name: 'x-axis',
    nameGap: -30,
    nameTextStyle: {
        padding: [50,0,0,0]
    }
}
person Olafant    schedule 19.01.2019
comment
на самом деле это не работает, потому что нам потребуются разные пробелы/отступы в зависимости от длины имени оси: например. попробуйте с именем: Temperature [deg. Celcius] - person TmTron; 19.01.2019
comment
Да, тогда совсем плохо, что не работает Расклад. - person Olafant; 19.01.2019