highcharts - 私はこのような高いチャートのコードを持って

Question

を働いていない軸をログ：

Highcharts.chart('linechart', { 

    chart: { 
     backgroundColor:'rgba(255, 255, 255, 0.8)', 
     borderRadius:5, 
    }, 

    title: { 
     text: 'ROC Graph' 
    }, 

    subtitle: { 
     text: 'Learning Evaluation' 
    }, 
    xAxis: { 
     min: 0, 
     max: 1, 
     tickWidth:1, 
     tickPositions: [0.001, 0.01, 0.1,1] 
    }, 
    yAxis: { 
     max: 1, 
     tickInterval:0.1, 
     title: { 
      text: 'Number of Employees' 
     } 
    }, 
    legend: { 
     layout: 'vertical', 
     align: 'right', 
     verticalAlign: 'middle' 
    }, 

    plotOptions: { 
     series: { 
      pointStart: 0.30 
     } 
    }, 



}); 

そして、私のjavascriptのコード：

for(j=0; j<data.roc_buffer[i]['xs'].length/10;j++){ 
     x_plot = data.roc_buffer[i]['xs'][10*j] 
     y_plot = data.roc_buffer[i]['ys'][10*j] 
     plot_buffer[j] = {'x':x_plot, 'y':y_plot}     
} 
roc_chart.addSeries({ 
    name: data.roc_buffer[i]['plotname'], 
    data: plot_buffer 

    }); 

それはこの

のような罰金をうまくしかし、私は[0.001,0.01,0.1,1]がすべて同じ幅を持つようにしたいので、xaxisを対数型に調整する必要があります。だから、私は自分のコードを切り替える：

xAxis: { 
     type: 'logarithmic', 
     minorTickInterval: 0.1 
    }, 

今のラインが消えて...

また、私のデータは、私が理解

[{x:integer,y:integer},{x:integer,y:integer},{x:integer,y:integer},...] 

Answer 1

のようなものです。

xAxisとyAxisは両方とも動的に生成されます。

データは、yAxisのsetDataメソッドとxAxisのsetCategoriesを使用して設定できます。

$('#button').click(function() { 
highchart.series[0].setData([1, 2, 4, 8, 16]); 
highchart.xAxis[0].setCategories(['J', 'F', 'M', 'A', 'M']);}); 

または

http://jsfiddle.net/ashish8833/w3o0jzL7/1/