formatter: (a,b) => { i++; return `{a|${a}}\n{b|${arr1[i]}%}` }

这是一个 formatter 的例子，其中 `(a, b) => {...}` 是一个箭头函数，它接收两个参数 a 和 b。这个箭头函数的作用是返回一个字符串，用于格式化图表中的标签。

具体来说，这个 formatter 将会把 a 和 b 的值格式化成一个字符串返回，其中 a 和 b 是 echarts 中的一个数据项，具体取决于 formatter 被使用的上下文。在这个例子中，`a|${a}` 和 `{b|${arr1[i]}%}` 表示两个不同的文本块，它们都包含了一个变量。`a|${a}` 中的 `a` 表示数据项 a 的值，`${a}` 是一个字符串模板，它会被实际的数据值替换掉。同样的，`{b|${arr1[i]}%}` 中的 `arr1[i]` 表示一个数组 arr1 中的元素，它也会被实际的数据值替换掉。在这个例子中，变量 i 的值会在每次 formatter 被调用时增加 1，以便访问数组 arr1 中的不同元素。

最终，这个 formatter 会把变量 a 和 b 格式化成一个字符串返回，例如：

{a|Apple}
{b|50%}

其中，Apple 是数据项 a 的值，50% 是数组 arr1 中的一个元素。这个字符串将被用于显示图表中的标签。

相关问题

echarts散点图(value: Array|number, params: Object) => string如何使用

函数 `echarts散点图(value: Array|number, params: Object) => string` 是 Echarts 中的一个回调函数，用于定制散点图中 data 中每个点的显示文本。

其中，`value` 参数代表着当前散点的数据值，可以是一个数组或者一个数字；`params` 参数则是一个包含了当前散点的所有信息的对象，包括该散点所属的系列、数据索引、数据名称等等。

在使用时，可以通过在 Echarts 的配置项中指定 `label` 属性，并将 `formatter` 属性设置为该回调函数来使用。例如：

option = {
    // ...
    series: [{
        name: 'scatter',
        type: 'scatter',
        data: [
            [10.0, 8.04],
            [8.0, 6.95],
            // ...
        ],
        label: {
            show: true,
            formatter: function(value, params) {
                return 'x: ' + value[0] + '<br/>y: ' + value[1];
            }
        }
    }]
};

在上述代码中，我们通过设置 `formatter` 属性为该回调函数，来实现了散点图中每个点显示其对应的坐标值的功能。具体来说，该回调函数会接收到当前点的数据值和信息对象，然后返回一个字符串作为该点的文本标签。

需要注意的是，该回调函数的具体实现方式也可以根据实际需求进行扩展和修改，例如可以根据数据的不同范围给散点设置不同的颜色、大小等等。

formatter: "{total|" + 200 + "}" + "\n\r" + "{active|学生总数}",

这是一个字符串格式化的语句，它的输出结果是：

200
学生总数

其中，"{total|" + 200 + "}"和"{active|学生总数}"是两个占位符，它们会被替换成实际的值。其中，"{total|" + 200 + "}"会被替换成200，"{active|学生总数}"会被替换成"学生总数"。在输出时，它们会按照指定的格式进行排版，即第一个占位符会被左对齐，第二个占位符会被右对齐。