在 ECharts 中,如果你想在单轴指示器上显示文本标签,可以使用 axisPointer 和 label 属性。axisPointer 用于配置指示器的样式和行为,而 label 用于配置文本标签的样式。

以下是一个简单的例子,演示了如何在 singleAxis 配置中使用单轴指示器并添加文本标签:
option = {
    singleAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E'],
        axisPointer: {
            show: true, // 显示指示器
            type: 'shadow', // 指示器类型,可选为 'line'、'shadow'
            label: {
                show: true, // 显示文本标签
                precision: 2, // 标签数值的精度
                formatter: function (params) {
                    return '指示器文本: ' + params.value; // 自定义文本内容
                },
                textStyle: {
                    color: 'blue', // 文本颜色
                    fontSize: 12 // 文本字号
                }
            }
        },
        // 其他 singleAxis 配置项...
    },
    // 其他配置项...
};

在上面的例子中,axisPointer 控制单轴指示器的样式和行为。通过设置 show 属性,可以决定是否显示指示器。通过设置 type 属性,可以选择指示器的类型,这里选择了 'shadow',表示阴影指示器。

label 属性用于配置文本标签的样式,通过设置 show 属性,可以决定是否显示文本标签。通过设置 formatter 属性,可以自定义文本内容,这里将文本内容设置为指示器的数值。通过设置 textStyle 属性,可以配置文本标签的样式,比如颜色、字号等。

你可以根据实际需求调整这些配置项,以满足你对单轴指示器文本标签的具体定制要求。


转载请注明出处:http://www.zyzy.cn/article/detail/5365/ECharts