echarts x轴在顶部 折线图

echarts x轴在顶部 折线图_第1张图片 

 

option = {
    xAxis: {
        position: 'top',
        type: 'category',
        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
        axisLine: {
            onZero: false
        }
    },
    yAxis: {
        inverse: true,
        type: 'value',
        name: "米", //y轴上方的单位
        axisLine: {
                    // /轴线的颜色以及宽度
                    show: true,
                  
                }
    },
    series: [{
        data: [20, 50, 60, 30, 20, 15, 10],
        type: 'line'
    }]
}

测试地址:   

 https://echarts.apache.org/examples/zh/editor.html?c=line-simple

 

你可能感兴趣的:(前端,echarts,echarts,前端,javascript)