在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ echarts怎么自定義Y軸的項(xiàng)?

echarts怎么自定義Y軸的項(xiàng)?

要達(dá)成的效果圖:

圖片描述

我根據(jù)echarts文檔,寫出來(lái)的實(shí)際效果:

圖片描述

我的代碼:

//指定圖標(biāo)的配置和數(shù)據(jù)
       var option = {
            title:{
                text:'2017年 下半年'
            },
            tooltip:{},
            legend:{
                data:['賬單']
            },
            xAxis:{
                data:["7月","8月","9月","10月","11月","12月"]
            },
            yAxis:{
                // data:["0","5萬(wàn)","10萬(wàn)","15萬(wàn)","20萬(wàn)","25萬(wàn)","30萬(wàn)"]
                
            },
            series:[{
                name:'賬單',
                type:'line',
                itemStyle:{
                    color:"#cc9966"
                },
                data: [22,25,20,18,29,25]
            }]
        };
        //初始化echarts實(shí)例
        var myChart = echarts.init(document.getElementById('chart'));

        //使用制定的配置項(xiàng)和數(shù)據(jù)顯示圖表
        myChart.setOption(option);

代碼中的yAxis配置我是注釋掉的,解除后的效果如下圖:

圖片描述

圖表就變形了

我現(xiàn)在想做的就是在圖2的基礎(chǔ)上讓Y軸的刻度加上萬(wàn)的單位,就想效果圖的Y軸一樣。
還有一個(gè)問(wèn)題就是,我已經(jīng)設(shè)置了標(biāo)題,但是顯示不出來(lái)。

回答
編輯回答
乞許

看官方的文檔介紹擼的

var option = {
    title:{
        text:'2017年 下半年'
    },
    tooltip:{
        trigger: 'axis',
        axisPointer: {//鼠標(biāo)經(jīng)過(guò)顯示
            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} 萬(wàn)'
        },
        splitLine:{//去掉網(wǎng)格線
            show:false
        },
        axisTick: {//去掉刻度
            show: false
        }
    },
    series:[{
        name:'賬單',
        type:'line',
        symbol:'circle',//拐點(diǎn)樣式
        symbolSize: 12,//拐點(diǎn)大小
        itemStyle:{
            color:"#cc9966"
        },
        data: [22,25,20,18,29,25]
    }]
};
2018年9月12日 16:18
編輯回答
雅痞
yAxis:{
    axisLabel:{
        formatter: '{value} 萬(wàn)'
    }
},

參考官方的文檔
http://echarts.baidu.com/opti...

2017年12月27日 08:20