echarts - echart中formatter如何返回默认的格式？

Question

我想用formatter函数来设置特定的几个数据的展示格式，其他的还按照默认的格式显示这该怎么做

Answer 1

我写个例子给你参考下

option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70],
        type: 'bar',
        label: {
            show: true,
            formatter: function(params) {
                // 定义特定数据的格式
                if (params.name === 'B' || params.name === 'D') {
                    return `{a|${params.value}}`;
                }
                // 其他数据使用默认格式
                return params.value;
            },
            rich: {
                a: {
                    color: 'red',
                    fontWeight: 'bold'
                }
            }
        }
    }]
};

在这个示例中，formatter 函数检查数据的名称，如果名称是 ‘B’ 或 ‘D’，则使用特定的格式（例如红色加粗），否则使用默认格式。你可以根据需要调整 formatter 函数中的逻辑和样式。

Answer 2

在 ECharts 中，如果你想在 `formatter` 函数中返回默认的格式，你可以通过检查传入 `formatter` 的参数来决定是否应用自定义格式。默认情况下，ECharts 会传递一些参数给 `formatter` 函数，比如数据值、数据名称、系列名称等。如果你希望只针对特定的几个数据应用自定义格式，而其他数据保持默认格式，可以在 `formatter` 函数中进行条件判断。

以下是一个示例，展示了如何在 `formatter` 函数中检查数据值，并只对特定的值应用自定义格式：

option = {

series: [{
    type: 'pie',
    data: [
        {value: 1048, name: 'Search Engines'},
        {value: 735, name: 'Direct'},
        {value: 580, name: 'Email'},
        {value: 484, name: 'Union Ads'},
        {value: 300, name: 'Video Ads'}
    ],
    label: {
        formatter: function(params) {
            // 假设我们只想自定义显示 'Search Engines' 和 'Direct'
            if (params.name === 'Search Engines' || params.name === 'Direct') {
                // 自定义格式，例如添加一些文本或改变显示方式
                return `${params.name}: ${params.value} (Custom)`;
            } else {
                // 返回默认的格式
                return `${params.name}: ${params.value}`;
            }
        }
    }
}]

};

在这个例子中，`formatter` 函数会检查 `params.name` 是否是 'Search Engines' 或 'Direct'。如果是，它会返回一个自定义格式的字符串；否则，它会返回默认格式的字符串。这样，你就可以有选择地应用自定义格式，同时保持其他数据的默认显示方式。