为了账号安全,请及时绑定邮箱和手机立即绑定

echarts 如何将x轴固定在上方

echarts 如何将x轴固定在上方

人到中年有点甜 2019-03-13 18:14:13
我想要让普通的折线图的x轴(只考虑存在一条X轴的情况)固定在上方,因为x轴默认实在下方的我只想要蓝色这样的轴线,固定在上方。但是,但我只有一条线的时候,我该怎么调参数,让它固定在top的位置?我调了{position: 'top'}就这样了,axisLine和axisTick都在下方,只有文字上去了 - . -。
查看完整描述

2 回答

?
开心每一天1111

TA贡献1836条经验 获得超13个赞

我想,你应该是要这种效果~

https://img1.sycdn.imooc.com//5c9b324c000161bd08000347.jpg

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'

    }]

};


查看完整回答
反对 回复 2019-03-27
  • 2 回答
  • 0 关注
  • 3737 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号