Echarts увеличивают пространство ниже оси для длинных строк даты

Question

Пожалуйста, посмотрите на изображение и дайте мне знать, если есть возможность увеличить поле / границу этого изображения, чтобы приспособить для длинной строки даты / времени.

Answer 1

вы можете установить grid опция может достичь этой цели:

grid.containLabel = true

, если хотите, также можете установить:

grid.bottom = 0

например:

    option = {
    xAxis: {
        type: 'category',
        axisLabel: {
            interval: 1,
            rotate: 45
        },
        data: ['2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04', '2018-06-07 14:27:04']
    },
    yAxis: {
        type: 'value'
    },
    grid: {
        bottom: 0,
        containLabel: true
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320, 820, 932, 901, 934, 1290, 1330, 1320, 820, 932, 901, 934, 1290, 1330, 1320, 820, 932, 901, 934, 1290, 1330, 1320,820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        smooth: true
    }]
};

результат:

Answer 2

очень жаль.Используя Margin / Border, мы ничего не можем сделать, потому что у нас много данных. У нас уже есть много меток xAxis на этом изображении.

Одна вещь, которую мы можем сделать для этого.почему вы не можете попробовать этот вид графиков

https://ecomfe.github.io/echarts-examples/public/editor.html?c=candlestick-brush

в нижней части графика, он будет иметь ручку для изменения диапазона оси x.

Надеюсь, вам понравится это решение.