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

Question

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

我的问题：

1. 如何将自定义功能设置为＆＃34;有效＆＃34;当用户点击它时（例如，当您在预定义的功能中选择画笔时）
2. 如何获取用户点击图表
3. 如何将自定义元素添加到图表

Answer 1

1. 如何将自定义功能设置为＆＃34;有效＆＃34;当用户点击它时（例如，当你在预定义的功能中选择画笔时）

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

2. 如何在图表中点击用户点击

   • Use mouse events用于捕获点击次数，悬停等等。

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

   • 要向选项添加内容（轴，系列，..），您可以使用chart.setOption()。
   • 对于切换设置或触发datazoom等操作，您可以dispatch an action。

**当你有custom toolbox feature时（注意：它必须始终以我的开头）：

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将检测更改，并更新图标。当然，您可以使用相同的逻辑将其设置回非活动。