echarts怎么设置y坐标轴

echarts怎么设置y坐标轴,第1张

yAxis: [

{

type: '樱缺value',

min: 0,

max: 900

}

]

其实可以的话,应该是

获取y轴最大数据max然后+50(随便,不加也可以)然后取整,在来个循环败悄设成100,,50的倍数(10的倍数都可以,看个人喜好),不这样参差不齐y轴很难看的(因为一般默认是y轴最大值和最小值中间分成5块,不能整除看着碍眼)

获取y轴最小数据min然后-50(随便,不加也可以)同取整察颂渣

yAxis: [

{

type: 'value',

min: ymin,

max: ymax

}

]

首先设置           中链雀

将横坐标的单击事件设置为true,clickable:true

如下:

xAxis : [

                {

                    type : 'category',

                    data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],

                    //设置文字属性

                    axisLabel:{

                   唤敬     clickable:true

                    }

                }

            ],

2.图表对象注册单击事件。

        myChart.on('click', function (params) {

            卖早console.log("测试点击事件",params)

        })

option={

    xAxis : [

        {

            type : 'category',

            boundaryGap : false,

            data : ['周一','周二','周三','周四','周五','周六','周日']

        }

    ],

    yAxis : [

        {

            type : 'value',

            axisLabel : {

                formatter: '{value} °C'

        敬段困    }

       亮念 }

    ]

}

x,y分别是设置x轴和y轴燃樱的文字

其中 y周轴 是通过值+文字的形式组成的

参考

//http://echarts.baidu.com/echarts2/doc/example.html


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11989456.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存