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

echarts怎么自定义Y轴的项?

echarts怎么自定义Y轴的项?

弑天下 2019-03-06 16:27:37
要达成的效果图:我根据echarts文档,写出来的实际效果:我的代码://指定图标的配置和数据       var option = {            title:{                text:'2017年 下半年'            },            tooltip:{},            legend:{                data:['账单']            },            xAxis:{                data:["7月","8月","9月","10月","11月","12月"]            },            yAxis:{                // data:["0","5万","10万","15万","20万","25万","30万"]                            },            series:[{                name:'账单',                type:'line',                itemStyle:{                    color:"#cc9966"                },                data: [22,25,20,18,29,25]            }]        };        //初始化echarts实例        var myChart = echarts.init(document.getElementById('chart'));        //使用制定的配置项和数据显示图表        myChart.setOption(option);代码中的yAxis配置我是注释掉的,解除后的效果如下图:图表就变形了我现在想做的就是在图2的基础上让Y轴的刻度加上万的单位,就想效果图的Y轴一样。还有一个问题就是,我已经设置了标题,但是显示不出来。
查看完整描述

2 回答

?
拉丁的传说

TA贡献1789条经验 获得超8个赞

看官方的文档介绍撸的

var option = {

    title:{

        text:'2017年 下半年'

    },

    tooltip:{

        trigger: 'axis',

        axisPointer: {//鼠标经过显示

            type: 'shadow'

        }

    },

    grid: {//图表间距

        left: '2%',

        right: '10%',

        bottom: '2%',

        containLabel: true

    },

    xAxis:{

        axisTick: {//去掉刻度

            show: false

        },

        data:["7月","8月","9月","10月","11月","12月"]

    },

    yAxis:{

        axisLabel:{

           formatter: '{value} 万'

        },

        splitLine:{//去掉网格线

            show:false

        },

        axisTick: {//去掉刻度

            show: false

        }

    },

    series:[{

        name:'账单',

        type:'line',

        symbol:'circle',//拐点样式

        symbolSize: 12,//拐点大小

        itemStyle:{

            color:"#cc9966"

        },

        data: [22,25,20,18,29,25]

    }]

};


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

添加回答

举报

0/150
提交
取消
微信客服

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

帮助反馈 APP下载

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

公众号

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