echarts 字体大小自适应

Echarts 中可以使用 `textStyle` 属性来设置文本样式，其中包括字体大小（`fontSize`）。为了实现字体大小的自适应，可以使用 JavaScript 动态计算合适的字体大小。

以下是一个简单的示例，根据容器宽度和高度计算出合适的字体大小，并设置到 Echarts 的 `textStyle` 属性中：

<div id="chart" style="width: 600px; height: 400px;"></div>

// 获取容器宽度和高度
var container = document.getElementById('chart');
var width = container.clientWidth;
var height = container.clientHeight;

// 根据容器宽度和高度计算出合适的字体大小
var fontSize = Math.min(width / 20, height / 20);

// 设置字体大小和其他文本样式到 Echarts 的 textStyle 属性中
var option = {
  textStyle: {
    fontSize: fontSize,
    fontWeight: 'bold',
    color: '#333'
  },
  // 其他 Echarts 配置项
  // ...
};

// 初始化 Echarts 实例
var chart = echarts.init(container);

// 使用配置项渲染图表
chart.setOption(option);

在这个示例中，我们使用 `Math.min` 方法计算出容器宽度和高度的 1/20 作为字体大小，然后将其设置到 Echarts 的 `textStyle` 属性中。这样就能实现字体大小的自适应了。