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轴。

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

可在此文件中找到：http://www.chartjs.org/docs/latest/axes/cartesian/#tick-configuration