echars提示框组件样式设置

ECharts 提示框组件的样式可以通过以下几种方式进行设置：

1. 全局样式设置

可以使用 `tooltip` 属性设置全局的提示框样式，如下所示：

option = {
  tooltip: {
    backgroundColor: '#fff',
    borderColor: '#999',
    borderWidth: 1,
    textStyle: {
      color: '#333'
    }
  },
  //...
}

其中，`backgroundColor`、`borderColor`、`borderWidth` 和 `textStyle` 属性分别表示提示框的背景色、边框颜色、边框宽度和文本样式。

2. 单个系列的样式设置

可以在每个系列的 `tooltip` 属性中分别设置该系列的提示框样式，如下所示：

option = {
  series: [
    {
      name: '数据1',
      type: 'line',
      data: [1, 2, 3, 4, 5],
      tooltip: {
        backgroundColor: '#fff',
        borderColor: '#999',
        borderWidth: 1,
        textStyle: {
          color: '#333'
        }
      }
    },
    {
      name: '数据2',
      type: 'line',
      data: [5, 4, 3, 2, 1],
      tooltip: {
        backgroundColor: '#fff',
        borderColor: '#999',
        borderWidth: 1,
        textStyle: {
          color: '#333'
        }
      }
    }
  ],
  //...
}

3. 单个数据项的样式设置

可以在每个数据项的 `tooltip` 属性中设置该数据项的提示框样式，如下所示：

option = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      name: '数据1',
      type: 'line',
      data: [
        {
          value: 1,
          tooltip: {
            backgroundColor: '#fff',
            borderColor: '#999',
            borderWidth: 1,
            textStyle: {
              color: '#333'
            }
          }
        },
        {
          value: 2,
          tooltip: {
            backgroundColor: '#fff',
            borderColor: '#999',
            borderWidth: 1,
            textStyle: {
              color: '#333'
            }
          }
        },
        //...
      ]
    }
  ],
  //...
}

其中，每个数据项都可以通过 `tooltip` 属性来设置其提示框样式。