Javascript 如何将旋转事件添加到余烬图表中？

在highchart网站中，他们有一个可拖动散点框的示例，您可以在其中进行三维旋转

我能够使用

ember highchart

创建3d图形，但是我还没有弄清楚如何在ember中添加旋转事件。做这样的事情最好的方法是什么

这是我的组件，包含

ember highchart

三维图形.hbs

{{high-charts mode=mode chartOptions=chartOptions content=content}}

chartOptions: Ember.computed('array', function(){
    return  {

      chart: {
         renderTo: 'container',
         margin: 100,
         type: 'scatter',
         options3d: {
             enabled: true,
             alpha: 10,
             beta: 30,
             depth: 250,
             viewDistance: 5,
             fitToPlot: false,
             frame: {
                 bottom: { size: 1, color: 'rgba(0,0,0,0.02)' },
                 back: { size: 1, color: 'rgba(0,0,0,0.04)' },
                 side: { size: 1, color: 'rgba(0,0,0,0.06)' }
             }
         }
     },
     title: {
         text: 'XYZ'
     },
     subtitle: {
         text: 'Click on point to find coordinates'
     },
     plotOptions: {
         scatter: {
             width: 10,
             height: 10,
             depth: 10
         }
     },
     yAxis: {
         min: -10,
         max: 10,
         title: null
     },
     xAxis: {
         min: -10,
         max: 10,
         gridLineWidth: 1
     },
     zAxis: {
         min: -10,
         max: 10,
         showFirstLabel: false
     },
     legend: {
         enabled: false
     },
     series: [{
         name: 'Reading',
         colorByPoint: true,
         data: this.get('array')
     }]

    }
  })

threed graph.js

{{high-charts mode=mode chartOptions=chartOptions content=content}}

chartOptions: Ember.computed('array', function(){
    return  {

      chart: {
         renderTo: 'container',
         margin: 100,
         type: 'scatter',
         options3d: {
             enabled: true,
             alpha: 10,
             beta: 30,
             depth: 250,
             viewDistance: 5,
             fitToPlot: false,
             frame: {
                 bottom: { size: 1, color: 'rgba(0,0,0,0.02)' },
                 back: { size: 1, color: 'rgba(0,0,0,0.04)' },
                 side: { size: 1, color: 'rgba(0,0,0,0.06)' }
             }
         }
     },
     title: {
         text: 'XYZ'
     },
     subtitle: {
         text: 'Click on point to find coordinates'
     },
     plotOptions: {
         scatter: {
             width: 10,
             height: 10,
             depth: 10
         }
     },
     yAxis: {
         min: -10,
         max: 10,
         title: null
     },
     xAxis: {
         min: -10,
         max: 10,
         gridLineWidth: 1
     },
     zAxis: {
         min: -10,
         max: 10,
         showFirstLabel: false
     },
     legend: {
         enabled: false
     },
     series: [{
         name: 'Reading',
         colorByPoint: true,
         data: this.get('array')
     }]

    }
  })

---

您可以使用余烬来完成此操作。$

您可以使用与您的小提琴相同的操作，因为我在余烬中进行了更改，请查看@prudviraju将此添加为一个答案供其他人查看，但请务必提及您没有使用

ember highcharts

。我会接受答案