How does echarts fix the x-axis above

I want to fix the x-axis of an ordinary line chart (considering only the existence of one X-axis) at the top, because the x-axis defaults to the

below.

top

I adjusted {position: "top"} and that"s it. AxisLine and axisTick are at the bottom, only the text goes up. -.

Es6 javascript echarts4 echarts3

Mar.03,2021

I think you want this effect.

@ Miziko

option = {
    xAxis: {
        position: 'top',
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisLine: {
            onZero: false
        }
    },
    yAxis: {
        inverse: true,
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};

Boss code can't be seen clearly,

    positoin:'top'
    axisLine:{
        onIere:false
    }onIere

Previous: How to change the position of object attributes in js

Next: Ask for advice: Display:fixed is located under the main navigation bar.