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

最新推荐文章于 2023-07-27 09:28:05 发布

原创最新推荐文章于 2023-07-27 09:28:05 发布 · 4.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Echarts

Echarts 专栏收录该内容

17 篇文章

订阅专栏

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

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}%'
                     }
                }
        ]
 };