在 ECharts 中,你可以使用 label 属性来配置柱状图的文本标签。这包括显示柱状图的数值、百分比等信息。以下是一些常用的配置项:
option = {
    series: [
        {
            type: 'bar',
            data: [10, 20, 30, 40, 50],
            label: {
                show: true, // 是否显示标签
                position: 'top', // 标签位置,可以是 'top'、'insideTop'、'inside' 等
                color: '#3498db', // 标签文本颜色
                fontSize: 12, // 标签字体大小
                fontWeight: 'bold', // 标签字体粗细
                formatter: '{c}', // 标签内容格式,{c} 表示数据值
                emphasis: {
                    show: true, // 是否在高亮状态下显示标签
                    color: '#e74c3c', // 高亮状态下标签文本颜色
                    fontSize: 14 // 高亮状态下标签字体大小
                    // 其他配置...
                }
            },
            // 其他配置...
        }
    ]
    // 其他配置项...
};

上述配置中,label 属性用于配置柱状图的文本标签,其中一些常用的配置项包括:

  •  show:是否显示标签。

  •  position:标签位置,可以是 'top'、'insideTop'、'inside' 等。

  •  color:标签文本颜色。

  •  fontSize:标签字体大小。

  •  fontWeight:标签字体粗细。

  •  formatter:标签内容格式,{c} 表示数据值。

  •  emphasis:高亮状态下的配置,可以设置高亮状态下的颜色、字体大小等。


通过调整这些配置项,你可以根据实际需求自定义柱状图文本标签的样式和显示内容。


转载请注明出处:http://www.pingtaimeng.com/article/detail/5402/ECharts