echarts如何设置y轴颜色以及y轴的内容文字颜色

本文详细介绍了Echarts中Y轴的配置项,包括设置Y轴类型为类目轴、指定Y轴数据、设定轴标签文字颜色及样式,以及轴线的显示、颜色、宽度和类型等。通过对这些参数的调整,可以自定义符合需求的图表展示效果。
摘要由CSDN通过智能技术生成

一.代码和注释如下

var option={
  yAxis: {
        type: 'category',//设置类型为类目轴,适用于离散的类目数据,可自动从series.data或者dataset.source中取,或者可通过yAxis.data设置类目数据,若不设置类型,默认是type:value
        data: ['部门一''部门二''部门三'],//y轴内容
        axisLabel: {//y轴文字的配置
                textStyle: {
                     color: "rgba(138, 144, 163, 1)",//Y轴内容文字颜色
                },
        },
        axisLine: {//y轴线的配置
                show: true,//是否展示
                lineStyle: {
                    color: "#ECEDF0",//y轴线的颜色(若只设置了y轴线的颜色,未设置y轴文字的颜色,则y轴文字会默认跟设置的y轴线颜色一致)
                    width: 1,//y轴线的宽度
                    type: "solid"//y轴线为实线
                },
        }
    },
}
  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值