2016-11-03 4 views
-1

チャートを作成するのに4つの配列があり、問題は1つだけ問題です。最大値は21であり、グラフのポイントはxAxis 80値に配置されています。 mは、それを解決しようとしているが、何もここでは、動いていないようにみえことはあなたがポイントの値が以前の値に追加されていることを引き起こす有効にスタッキングしている間違ったX値のチャートポイント

$(document).ready(function() { 
 
    $('#bt').click(function() { 
 
    draw(); 
 
    }); 
 
}); 
 

 
function chart(arreglo, arreglo2, arreglo3, arreglo4) { 
 
    $('#Chart').highcharts({ 
 
     title: { 
 
      text: 'Inspeccion Dimensional' 
 
     }, 
 
     xAxis: { 
 
     }, 
 
     yAxis: { 
 
      min: 0, 
 
      title: { 
 
       text: 'Resultados' 
 
      } 
 
     }, 
 
     legend: { 
 
      reversed: true 
 
     }, 
 
     plotOptions: { 
 
      series: { 
 
       stacking: 'normal' 
 
      } 
 
     }, 
 
     series: [{ 
 
      name: 'Diameter', 
 
      data: arreglo4.map(function (value) { 
 
       return Number(value); 
 
      }) 
 
     }, { 
 
      name: 'Length', 
 
      data: arreglo3.map(function (value) { 
 
       return Number(value); 
 
      }) 
 
     }, { 
 
      name: 'Width', 
 
      data: arreglo2.map(function (value) { 
 
       return Number(value); 
 
      }) 
 
     }, { 
 
      name: 'Thickness', 
 
      data: arreglo.map(function (value) { 
 
       return Number(value); 
 
      }) 
 
     }] 
 
    }); 
 
} 
 

 
function draw() { 
 
    array4 = [4, 8, 13, 17, 21]; 
 
    array3 = [3, 7, 12, 16, 20]; 
 
    array2 = [2, 6, 11, 15, 19]; 
 
    array1 = [1, 5, 9, 14, 18]; 
 
    
 
    chart(array1, array2, array3, array4); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
 

 
<div id="Chart"> 
 
</div> 
 

 
<button id="bt">Click</button>

答えて