矩形树图echarts tooltip formatter

在ECharts库中，矩形树图（RectTree）是一种用于展示层级关系和数值分布的数据可视化图表。`tooltipformatter`是一个配置项，用于自定义提示框（Tooltip）的内容显示格式。当鼠标悬停在图表上的数据点时，Tooltip会显示你设置的格式化后的信息。

`tooltipformatter`通常是一个回调函数，接收两个参数：`params` 和 `ticket`。`params` 包含了当前被点击的数据详细信息，而 `ticket` 是数据点的唯一标识符。你可以根据这些参数动态生成显示内容，比如：

option = {
    tooltip: {
        formatter: function(params, ticket) { 
            // params: 包含节点数据，如 name (名称), value (值), seriesIndex (系列索引), dataIndex (数据索引)
            // ticket: 数据点的唯一标识符
            
            let content = `<span>${params.name}</span>`; 
            // 显示节点名称

            if (params.value) {
                content += ` - <span>${params.value}</span>`; 
                // 如果有值，显示数值
            }

            return content;
        }
    },
    // 其他RectTree配置...
};

在这个例子中，`formatter` 函数返回的是HTML字符串，ECharts会根据这个字符串解析并渲染Tooltip。你可以根据需要添加更多的格式控制，例如颜色、样式等。