option = {
tooltip: {
trigger: 'axis', // 触发类型,使用 'axis' 表示在坐标轴上触发显示
axisPointer: {
type: 'cross' // 指示器类型,使用 'cross' 表示十字准星指示器
},
position: function (pos, params, el, elRect, size) {
// 提示框位置
var obj = {top: 10};
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 30;
return obj;
},
extraCssText: 'width: 180px' // 额外的 CSS 样式
},
xAxis: {
data: ['2022-01-01', '2022-01-02', '2022-01-03', '2022-01-04', '2022-01-05']
},
yAxis: {},
series: [{
type: 'k',
data: [
[100, 200, 50, 150],
[80, 150, 30, 120],
[120, 220, 100, 200],
[80, 130, 70, 110],
[90, 150, 60, 140]
]
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
在上述代码中,tooltip 配置项用于配置提示框的相关属性,其中 trigger 表示触发类型为坐标轴,axisPointer 表示指示器类型为十字准星指示器,position 设置了提示框的位置,extraCssText 设置了额外的 CSS 样式,使得提示框的宽度为 180px。
你可以根据实际需求进一步调整这些参数,以满足你的具体情况。
转载请注明出处:http://www.zyzy.cn/article/detail/5430/ECharts