echarts tooltip如何只展示数据

您可以通过设置 tooltip 的 formatter 属性来实现只展示数据。

例如，假设您的数据为：

var data = [
  { name: 'A', value: 100 },
  { name: 'B', value: 200 },
  { name: 'C', value: 300 }
];

您可以这样设置 tooltip 的 formatter：

tooltip: {
  formatter: function(params) {
    return params.value;
  }
}

这样，当鼠标移动到数据点上时，tooltip 只会显示该点的数据值，而不会显示其他信息。

相关问题

Echarts tooltip

Echarts的tooltip是用于数据展示的工具，当鼠标悬停在图表上时，会显示相应的数据信息。tooltip可以包含多个数据项，每个数据项可以包含多个字段，同时也支持自定义tooltip内容。

使用Echarts的tooltip需要在图表配置项中进行设置。常用的配置项包括：

1. `tooltip.trigger`: 触发类型，可选值包括`item`（数据项触发），`axis`（坐标轴触发），`none`（不触发）。

2. `tooltip.axisPointer.type`: 坐标轴指示器类型，可选值包括`line`（直线指示器），`shadow`（阴影指示器）。

3. `tooltip.formatter`: tooltip内容格式化函数，可以根据需要自定义tooltip内容。

4. `tooltip.show`: 是否显示tooltip。

以下是一个基本的tooltip配置示例：

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    ...
}

这个配置会在坐标轴上触发tooltip，同时使用阴影指示器。可以通过其他配置项来进一步自定义tooltip展示效果。

echarts tooltip 事件

ECharts 是一款非常强大的可视化图表库，它支持很多交互事件，其中就包括 tooltip 事件。

tooltip 事件是指鼠标悬浮在图表上时，会出现提示框并且触发 tooltip 事件。在 ECharts 中，我们可以通过监听 tooltip 事件来实现一些自定义的交互效果。

下面是一个示例代码，展示如何监听 tooltip 事件并实现自定义的交互效果：

myChart.on('tooltip', function (params) {
  // 获取当前触发 tooltip 的数据项
  var data = params.data;
  
  // 在控制台输出当前数据项的值
  console.log(data);
  
  // 在页面上显示当前数据项的值
  $('#tooltip').html(data);
});

上面的代码中，我们通过调用 `on` 方法来监听 tooltip 事件，并在回调函数中获取当前触发 tooltip 的数据项，然后根据需要进行自定义的交互操作，比如在控制台输出数据值或者在页面上显示数据值。

需要注意的是，如果需要在 tooltip 中显示自定义的内容，可以通过设置 `formatter` 属性来实现，具体用法可以参考 ECharts 官方文档。