Echarts - 自定义工具箱功能标记/注释

Question

我正在尝试在echarts 3.8.5中创建自定义工具箱功能,因此用户可以在图表中添加标记或注释.我没有找到任何带有自定义功能的演示,并且缺少Extension API的文档.

我的问题:

1. 如何在用户点击时将自定义功能设置为"活动"(例如,在预定义功能中选择画笔时)
2. 如何在图表中获得用户点击的联系
3. 如何将自定义元素添加到图表

Answer 1

1. 当用户单击自定义功能时，如何将其设置为“活动”（例如，当您在预定义功能中选择画笔时）

   • 您可以发送一个动作，
   • 或者您可以手动更改图表对象并覆盖/替换现有图表对象。您可以使用chart.setOption()插入一个全新的图表对象**

2. 如何获取用户在图表中点击的坐标

   • 使用鼠标事件来捕获点击、悬停等。

3. 如何向图表添加自定义元素

   • 要将某些内容（轴、系列等）添加到选项中，可以使用Chart.setOption()。
   • 要切换设置或触发 datazoom 等操作，您可以调度一个操作。

** 当您有自定义工具箱功能时（注意：它必须始终以my开头）：

toolbox: {
    feature: {
        myFeature: {
            show: true,
            title: 'My custom feature',
            icon: 'image:path/to/image-inactive.png'
            onclick: function (){
                // do something
            }
        }
    }
},

您可以使用以下方法手动将图标更新为活动状态：

chart.setOption({
    toolbox: {
        feature: {
            myFeature: {
                icon: 'image:path/to/image-active.png'
            }
        }
    }
})

Echarts 将检测更改并更新图标。当然，您可以使用相同的逻辑将其设置回非活动状态。