echarts tooltip的axis 自定义小圆点(颜色、形状和大小等等)

ECharts 提供了一个强大的工具提示（Tooltip）组件，允许自定义各种样式，包括轴上的小圆点。在 tooltip 中，你可以通过配置 `formatter` 函数来自定义内容展示，并通过设置 `itemStyle` 来改变小圆点的颜色、形状以及大小等。下面是一些关键的配置项：

1. **`formatter`**：这是一个回调函数，可以返回 HTML 或者字符串，用于动态生成 tooltip 内容。在这个函数中，你可以获取到当前数据点的信息，然后创建自定义的小圆点。

2. **`itemStyle`**：这个属性用于设置小圆点的样式，可以包含 `color` (颜色), `shape` (形状如 'circle', 'rect') 和 `borderRadius` (边框半径) 等。例如：

   tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'shadow', // 小圆点类型
       lineStyle: { // 边线样式
         color: 'rgba(0,0,0,0.3)', // 颜色
         lineWidth: 1, // 线宽
       },
       itemStyle: { // 小圆点样式
         color: '#fff', // 背景色
         borderRadius: 5, // 圆角
         lineWidth: 2, // 边框宽度
       }
     }
   }

记得要在 ECharts 的实例配置中设置这些选项，以便定制 tooltip 的轴上小圆点效果。如果你有特定的需求，可能还需要查阅 ECharts 官方文档或深入研究其 API。