echarts中Y轴名称与值的设置

最新推荐文章于 2025-06-25 11:48:32 发布

依旧平凡

最新推荐文章于 2025-06-25 11:48:32 发布

阅读量3.1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.youkuaiyun.com/yijiupingfan0914/article/details/84881490

echarts 专栏收录该内容

20 篇文章

订阅专栏

option = {
    title : {
        text: '二手车销量前十的品牌',
        /* subtext: '纯属虚构',*/
        x:'center'
    },
    color: ['#3398DB'],
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: { //控制图表上下左右距离
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',

//boundaryGap: false, //间隔
            data: ['宝马','奔驰','奥迪','劳斯莱斯','宾利','别克','兰博基尼','本田','丰田'],
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis : [
        {
            type : 'value',
            name : '销售台数',
            // min: 0,
            // max: 200,
            // interval: 20,
            axisLabel: {
                 formatter: '{value} 台'
            }
        }
    ],
    series : [
        {
            name:'销售',
            type:'bar',
            barWidth: '60%',
            data:[500, 420, 390, 350, 320, 250, 170,120,80]
        }
    ]
};