echarts label展示当前值

要在echarts中展示当前值，可以使用label属性。

1. 在series中设置label属性

在series中添加label属性，可以将当前值作为标签展示在图表上。

例如：

series: [{
    type: 'bar',
    data: [10, 20, 30, 40],
    label: {
        show: true,
        position: 'top',
        formatter: '{c}'
    }
}]

上面的代码中，label属性中的formatter设置为'{c}'，表示将当前值作为标签内容展示。

2. 在tooltip中设置formatter

另一种展示当前值的方式是，在tooltip中设置formatter属性。

例如：

tooltip: {
    formatter: '{b}: {c}'
},
series: [{
    type: 'bar',
    data: [10, 20, 30, 40],
}]

上面的代码中，tooltip的formatter设置为'{b}: {c}'，表示在鼠标悬浮时展示当前项的名称和当前值。

需要注意的是，tooltip的formatter属性中的占位符'b'表示当前项的名称，占位符'c'表示当前值。因此，要根据具体的需求来设置tooltip的formatter属性。

相关问题

echarts label formatter 换行符

ECharts 的 `label.formatter` 是一个用于自定义标签格式化函数，它允许你在数据展示时动态生成文本内容。如果你想在标签中添加换行符，你可以使用 JavaScript 的 `\n` 特殊字符作为换行符。例如，如果你有一个数组数据 `[name, value]`，并且你想让每个标签显示为 "Name: \nValue" 格式，可以这样设置：

option = {
    series: [{
        name: '系列名称',
        data: [
            ['Item 1', '值1'],
            ['Item 2', '值2']
        ],
        label: {
            formatter: function (params) { // params 是当前数据项的信息
                return params.name + ': \n' + params.value;
            }
        }
    }]
};

在这个例子中，当你在图表上查看数据点时，标签会按照指定的格式显示，每个项目的名和值会在新的一行。

echarts label formatter 能split么

ECharts是一款非常流行的JavaScript图表库，它的Label Formatter是一个强大的功能，用于自定义标签的内容和格式。Formatter可以让你对数据展示进行复杂的字符串处理，包括分割。例如，如果你想将一个长字符串按照特定分隔符拆分成多行显示，你可以使用模板字符串和`split()`方法。

下面是一个简单的例子：

option = {
    xAxis: {
        data: ['A', 'B', 'C', 'D', 'E'],
    },
    series: [{
        name: '数值',
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        label: {
            formatter: function(params) { // params表示当前数据点的信息
                let str = params.name + ':' + params.value; // 连接轴值和系列值
                return str.split('').join('<br/>'); // 使用split然后join，换行显示
            }
        }
    }]
};

在这个例子中，我们把每个条形图的标签（由轴值和对应的值组成）按字符分割，然后再用`<br/>`标签连接起来，实现了文本的换行显示。