Chartjsは最初と最後のx軸ラベルを表示します

Question

私は約60のx軸ラベルを持つデータセットを持っています。折れ線グラフにx軸のラベルがすべて表示されていません。

 var ctx = this.refs.basicXYChart; 
     var config = { 
      type: 'line', 
      data: { 
       xLabels: Object.keys(result), 
       yLabels: Object.values(result), 
       datasets: [{ 
        label: this.state.report.definition.name, 
        data: Object.values(result), 
        backgroundColor: 'rgba(154, 208, 245, 0.5)', 
        borderWidth: 1, 
        pointStyle: 'circle', 
        pointBackgroundColor: 'rgb(77, 172, 237)', 
        pointRadius: 5, 
        pointHoverRadius: 10, 
        borderWidth: 1, 
        borderColor: '#000000' 

       }] 
      }, 
      options: { 
       scales: { 
        xAxes: [{ 
         display: true, 
         scaleLabel: { 
          display: true, 
          labelString: this.props.X_label 
         } 
        }], 
        yAxes: [{ 
         position: 'left', 
         display: true, 
         scaleLabel: { 
          display: true, 
          labelString: this.props.Y_label 
         } 
        }] 
       } 
      } 
     }; 

     if(y_type == 'category'){ 
      config.options.scales.yAxes[0]['type'] = 'category'; 
     } 
     var myChart = new Chart(ctx, config); 

は、私はまた、0

Answer 1

これはhttps://github.com/chartjs/Chart.js/issues/2801で対処されてから、y軸を開始したいです。 http://www.chartjs.org/docs/latest/axes/cartesian/#tick-configuration

：ここではドキュメントに記載されています

scales: { 
    xAxes: [{ 
     ticks: { 
      autoSkip: false 
     } 
    }] 
}