setOptiontooltip

指针悬停提示。默认开启。内容为时间、高度、数值，各占一行。指针离开绘图区即隐藏。

调用

chart.setOption({
    tooltip: {
        show: true
    }
})

位置会避开绘图区边缘。X 默认用数据里的 dateTime 原文。

字段

字段	说明	类型	可选值	默认
show	是否显示	boolean	true / false	true
background	面板背景。常规色值、半透明或 CSS 渐变	string	—	rgba(0, 0, 0, 0.7)
padding	内边距。数字或 [上下, 左右]	number / array	—	[4, 8]
radius	面板圆角，像素	number	—	4
label	文字样式和自定义内容	object	—	见下表
cross	十字线	object	—	显示

label

字段	说明	类型	可选值	默认
fontFamily	字体	string	—	sans-serif
fontSize	字号，像素	number	—	14
color	文字颜色	string	—	#fff
format	自定义内容。入参为时间、高度、填色值，返回值按 HTML 写入	function	—	三行原文

tooltip: {
    label: {
        format: (x, y, value) => `${x}<br>${y}<br>${value}`,
    },
}

cross

字段	说明	类型	可选值	默认
show	是否显示十字线	boolean	true / false	true
type	线型	string	solid / dotted / dashed	solid
color	颜色	string	—	rgba(0, 0, 0, 0.7)（与 tooltip 背景相同）
width	线宽，像素	number / string	—	1

在线示例

在线体验见 示例 · 提示框配置。