echarts - 自定义工具箱功能不起作用答案

【问题标题】：echarts - custom toolbox feature does not workecharts - 自定义工具箱功能不起作用
【发布时间】：2022-06-13 10:22:33
【问题描述】：

我正在尝试向 echart 添加自定义工具箱功能，但出现以下错误：

Uncaught TypeError: Bind must be called on a function
    at bind (<anonymous>)
    at echarts.js:80214:30
    at each (echarts.js:423:24)
    at createIconPaths (echarts.js:80158:11)
    at DataDiffer.processFeature (echarts.js:80104:11)
    at DataDiffer._performRestAdd (echarts.js:30822:31)
    at DataDiffer._executeOneToOne (echarts.js:30739:14)
    at DataDiffer.execute (echarts.js:30702:79)
    at ToolboxView.render (echarts.js:80047:143)
    at echarts.js:29722:27

我要添加的功能如下：

myTool1: {
  show: true,
  title: 'custom method',
  icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
  onclick: function () {
                    alert('myTool1')
           }
}

好像onclick功能选项没有正确传递给echarts中的featureManager。

有没有人经历过类似的事情？知道如何解决这个问题吗？

我使用的是 echarts 5.3.2 版

【问题讨论】：

标签： javascript echarts apache-echarts

【解决方案1】：

outSide 函数；

alertFun():void {
  alert('myTool1')
}

图表

myTool1: {
  show: true,
  title: 'custom method',
  icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
  onclick: () => this.alertFun()
}

【讨论】：