как изменить положение позиции HighCharts.js маркера

Question

рассеивания

Пожалуйста, обратитесь к JSFIDDLE

Я хочу, чтобы значение вар x1 (т.е. переменная x1 = 10;) должен быть изменить момент я изменить ползунок диапазона, который is ::

document.getElementById("range").innerHTML 

Просьба предложить.

Answer 1

Вот простое решение для Вашего вопроса:

http://jsfiddle.net/La9s2cp4/5/

var chart; 

function createChart(){ 

// Set up the chart 
chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     margin: 100, 
     type: 'scatter', 
     options3d: { 
      enabled: true, 
      alpha: 10, 
      beta: 30, 
      depth: 250, 
      viewDistance: 5, 

      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: 'Draggable box' 
    }, 
    subtitle: { 
     text: 'Click and drag the plot area to rotate in space' 
    }, 
    plotOptions: { 
     scatter: { 
      width: 10, 
      height: 10, 
      depth: 10 
     } 
    }, 
    yAxis: { 
     min: 0, 
     max: 10, 
     title: null 
    }, 
    xAxis: { 
     min: 0, 
     max: 10, 
     gridLineWidth: 1 
    }, 
    zAxis: { 
     min: 0, 
     max: 10, 
     showFirstLabel: false 
    }, 
    legend: { 
     enabled: false 
    }, 
    series: [{ 
     name: 'Reading', 
     marker: { 
      radius: xdata 
     }, 
     colorByPoint: true, 
     data: [dataG.data1, dataG.data2, dataG.data3] 
    }] 
}); 

}