Echarts柱状图的值,x轴的值,tooltip的值显示为百分比

本文详细解析了使用ECharts创建百分比显示的柱状图的配置方法,包括tooltip触发方式、x轴与y轴的数据设置、系列数据的格式化显示等关键参数,适合初学者和进阶用户学习。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

var option = {
      tooltip: {
            trigger: 'axis',
            formatter:'{c}%',
            axisPointer: {
                type: 'shadow'
            }
       },
       xAxis: {
             type: 'value',
             axisLabel: {//文字样式
                 formatter: '{value}%'
             }
       },
        yAxis: {
              type: 'category',
              data: yData,
         },
        series: [
               {
                    name: '',
                    type: 'bar',
                    data: xData,
                     label: {
                         formatter: '{c}%'
                     }
                }
        ]
 };
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值