11-Echarts 配置系列之：坐标轴指示器 axisPointer

原创

已于 2024-01-11 15:13:39 修改 · 1w 阅读

收录于

当前文章被以下社区和专栏收录：

于 2023-11-22 16:14:58 首次发布

本文详细介绍了Echarts中的坐标轴指示器(axisPointer)的配置，包括其类型、样式选项如线样式、阴影样式、标签设置以及拖拽手柄等，并提供了解剖图的配置示例。

坐标轴指示器是指示坐标轴当前刻度的工具。

在之前的 tooltip、xAxis(yAxis)、 grid 配置系列中，都包含着 axisPointer 的设置，大家也可以看到其中的显示效果，在此也有对应的配置优先级，其中关系大致如下：

单独配置的 axisPointer 优先级永远高于在 tooltip 中配置的优先级。
没有条件一的影响下，层级越深，优先级越高

基本使用：鼠标悬浮到图上，可以出现标线和刻度文本。

文章最后的配置代码为解剖图的示例代码

一、坐标轴指示器 axisPointer 配置代码

option={
    //  全局配置坐标轴指示器
    axisPointer：{
        id:1,                     //  组件ID
        show:true,                //  是否显示组件
        type:'line',              //  指示器类型 line 、shadow 、none
        snap:true,                //  是否吸附到店上
        z:1,                      //  坐标轴指示器的 z 值
        status:'show',            // 初始指示器的状态， show 显示， hide 隐藏 
        value:5000,               // 当前指示器初始的 Vlaue 值   
        triggerOn:'mousemove',

标签