Echarts

Question

我正在尝试在echarts 3.8.5 中创建自定义工具箱功能，以便用户可以在图表中添加标记或评论。我没有找到任何具有自定义功能的演示，并且缺少扩展 API 的文档。

我的问题：

如何在用户点击时将自定义功能设置为 "active"（例如，当您 select 刷入预定义功能时）
如何获取图表中用户点击的坐标
如何向图表添加自定义元素

Answer 1

如何在用户单击时将自定义功能设置为 "active"（例如，当您 select 刷入预定义功能时）
- 您可以 dispatch an action、
- 或者您可以手动更改图表对象和 overwrite/replace 现有图表对象。您可以使用 chart.setOption() 插入一个全新的图表对象 **
如何获取图表中用户点击的坐标
- Use mouse events 捕获点击、悬停等
如何向图表添加自定义元素
- 要向选项添加内容（轴、系列、..），您可以使用 chart.setOption()。
- 要切换设置或触发数据缩放等操作，您可以dispatch an action。

** 当你有 custom toolbox feature 时（注意：它必须始终以 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 会检测到变化，并更新图标。当然你可以设置回inactive，同样的逻辑。

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

Echarts - custom toolbox feature mark / comment

javascript