// 引入 ECharts 库
import echarts from 'echarts';
// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('yourChartId'));
// 河流图的数据
var data = [
['A', 10],
['B', 20],
['C', 30],
['D', 40],
['E', 50]
];
// 河流图的配置项
var option = {
// 其他配置项...
// 设置河流图的数据
series: [{
type: 'themeRiver',
data: data
}],
// 设置提示框
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'line',
lineStyle: {
color: 'rgba(0,0,0,0.6)',
width: 2,
type: 'solid'
}
},
formatter: function (params) {
return params[0].name + '<br/>' + params[0].value;
}
}
};
// 使用配置项设置图表
myChart.setOption(option);
在上面的代码中,关键的配置项是 tooltip。其中,trigger 属性设置为 'axis' 表示通过坐标轴触发提示框,axisPointer 属性定义了提示框的指示线样式,formatter 属性用于自定义提示框内容的显示格式。
你可以根据自己的需求修改这些配置项,以满足你对提示框浮层的特定要求。
转载请注明出处:http://www.zyzy.cn/article/detail/5450/ECharts