如何將旋轉事件添加到燼圖圖表？

在highchart網站，他們有哪些你可以做3D旋轉如何將旋轉事件添加到燼圖圖表？

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/3d-scatter-draggable/

我能創建使用ember-highchart的3D圖形可拖動散射箱的一個例子，但是我還沒有搞清楚如何在ember中添加旋轉事件。什麼是做這種事的最好方法？

這裏是包含ember-highchart

threed-graph.hbs

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

threed-graph.js

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') 
    }] 

    } 
    })

來源

2016-08-23 Mohamad Zein

你可以像在你的小提琴一樣做，因爲我改變了餘燼，請看看。 https://ember-twiddle.com/dc25362e67d8c9e6493eba329662acc9?openFiles=styles.app.css%2Ctemplates.components.highchart-component.hbs –

@prudviraju添加此作爲答案供他人查看，但請提及您沒有使用'燼-highcharts'。我將接受回答 –

您可以通過使用灰燼做這樣我的組件。$

來源

2016-09-02 07:43:39

https://ember-twiddle.com/dc25362e67d8c9e6493eba329662acc9?openFiles=styles.app.css%2Ctemplates.components.highchart-component.hbs –

如何將旋轉事件添加到燼圖圖表？

回答

相關問題