{site_name}

{site_name}

🌜 搜索

ECharts中的tooltip配置项是用于在数据图表中展示提示框的功能,它可以在鼠标悬浮时显示相关的数据信息

前端 𝄐 0
echarts tooltip设置,apache echarts怎么用,echarts graph配置项,echarts常用api,echarts地图配置,echarts setoption参数
ECharts中的tooltip配置项是用于在数据图表中展示提示框的功能,它可以在鼠标悬浮时显示相关的数据信息。

而axisPointer配置项是tooltip的一个子配置项,它负责控制提示框的指示器样式和行为。通常情况下,axisPointer会根据鼠标所在位置自动选择对应的轴进行展示,并给出该轴上最近的数值点的信息。

例如,以下是一个简单的柱状图,其中x轴显示不同的水果名称,y轴表示对应的销量。当用户将鼠标移到某个柱子上时,提示框会展示出该水果的销量信息,并且在图表中显示垂直于x轴的指示线。

javascript
var myChart = echarts.init(document.getElementById('chart'));
myChart.setOption({
tooltip: {
// 在提示框中显示的信息格式
formatter: '{b}: {c} 件',
axisPointer: {
type: 'line', // 指示器类型为直线
lineStyle: {
color: '#999',
width: 1,
type: 'solid'
}
}
},
xAxis: {
data: ['苹果', '香蕉', '橙子', '草莓', '葡萄']
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 15]
}]
});