javascript - highchart编辑器库事件监听

Question

我在将事件函数绑定(bind)到 highchart 编辑器库时遇到问题。

我想在编辑器库执行其操作时执行操作。例如， 对于 Hook “ImportCSV”、“Change”和“ChartChange”，我想将函数附加到编辑器库。 我试图通过这段代码来做到这一点:

let edit = highed.Editor(document.body)

edit.on('ImportCSV', function () {
//Do something with the modified chart here.
console.log('ImportCSV')
})

这也是

let edit = highed.Editor(document.body, {
  on: {
    'Change': function(){
                        console.log('Change')
              },
    'ChartChange': function(){
                        console.log('ChartChange')
              },
     'ImportCSV': function(){
                        console.log('ImportCSV')
              }
   }
})

但这两种方法都不适合我。 我的问题是，当某个钩子(Hook)被触发时，执行特定任务的正确方法是什么。

引用:https://github.com/highcharts/highcharts-editor/wiki/Editor-API

Answer 1

您可以使用这样的编辑器事件:

highed.ready(function() {
  var Editor = highed.Editor(document.body, {
    defaultChartOptions: {
      title: {
        text: 'Cool Chart!'
      },
      subtitle: {
        text: 'My Cool Chart!'
      },
      data: {
        csv: "\"row\";\"val\"\n\"2013-01-01\";24\n\"2014-01-01\";76\n\"2015-01-01\";23"
      }
    },
    features: 'import export templates customize'
  });

  Editor.chart.on('ChartChange', function(data) {
    console.log('Chart changed! -> ', data);
  });
});

但是，正如您在文档中所读到的那样，没有诸如 ImportCSV 或 Change 之类的事件。