javascript - How to add rotation event to an ember highchart graph? -
in highchart site, have example of draggable scatter box in can 3d rotation
i able create 3d graph using ember-highchart
, have yet figure out how add event of rotation in ember. best way ?
here component containing 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 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') }] } })
you can using ember.$
Comments
Post a Comment