echarts中饼状图右边颜色显示为方框

如果你在使用 ECharts 饼图时，发现右边的颜色显示为方框，可能是因为 ECharts 饼图默认使用了 SVG 渲染方式，而浏览器的默认字体库不支持该渲染方式下的字体显示，导致颜色显示为方框。

解决方法：

1. 在 ECharts 饼图的配置项中，设置 `renderer` 为 `canvas`，即使用 Canvas 渲染方式。这样可以避免使用 SVG 渲染方式导致的字体显示问题。

option = {
    // ...
    renderer: 'canvas',
    // ...
};

2. 如果需要使用 SVG 渲染方式，可以在 CSS 中添加以下样式：

@font-face {
    font-family: echarts;
    src: url('https://cdn.jsdelivr.net/npm/echarts/dist/fonts/echarts.ttf');
}

.echarts-tooltip {
    font-family: echarts;
}

其中，`echarts.ttf` 是 ECharts 提供的字体文件，可以从 ECharts 官网下载。添加了以上样式后，就可以在使用 SVG 渲染方式时正确显示颜色了。