echarts.format.truncateText 怎么用

`echarts.format.truncateText` 方法可以用来截取文本并添加省略号，以适应一定宽度的容器。该方法的使用方式如下：

echarts.format.truncateText(text, font, maxWidth, options);

其中，各个参数的含义如下：

- `text`：需要截取的文本内容。
- `font`：文本的字体样式，可以是字符串形式的 CSS 样式，如 `'bold 12px sans-serif'`。
- `maxWidth`：文本容器的最大宽度。
- `options`：可选参数，一个对象，包含以下属性：
- `ellipsis`：省略号的样式，默认为 `'...'`。
- `textAlign`：文本对齐方式，默认为 `'left'`。
- `textBaseline`：文本的基线对齐方式，默认为 `'top'`。

以下是一个例子：

var text = '这是一个非常长的文本内容';
var font = 'bold 14px sans-serif';
var maxWidth = 100;
var options = {
  ellipsis: '...',
  textAlign: 'left',
  textBaseline: 'top'
};
var truncatedText = echarts.format.truncateText(text, font, maxWidth, options);
console.log(truncatedText); // '这是一个非...'

该方法可以在 ECharts 中的 `formatter` 属性中使用，以适应一定宽度的 tooltip、legend 等容器。例如：

legend: {
  type: 'scroll',
  width: 200,
  formatter: function(name) {
    return echarts.format.truncateText(name, '14px sans-serif', 180);
  }
}

以上代码中，legend 的宽度为 200，但是每个 legend 的名称可能会过长，因此使用 `echarts.format.truncateText` 方法来截取名称并添加省略号，以适应 legend 的宽度。