chart.js之：隱藏在y軸的具體蜱和隱藏所有x軸網格線

Question

編輯

我使用charts.js庫，我想知道是否有可能隱藏來自特定蜱我的Y軸，例如，我已經定義了刻度的最小值：0和最大值：100，它顯示了從0到100的十個倍數中的所有值，但是我只想顯示0,50 e 100. 10（這是解決）

另一個問題是，我想要刪除所有的X軸'網格線，但方法「gridLines.display：false」不隱藏在圖表開頭的第一條垂直線，只是隱藏其他。

這就是我想要的樣子：http://i.stack.imgur.com/GryIo.png

腳本

 var humdays = document.getElementById("charthumdays"); 
     var humdaysChart = new Chart(humdays, { 
     type: 'bar', 
     data: { 
      labels: ["15 mar", "16 mar", "17 mar", "18 mar", "19 mar", "20 mar", "21 mar"], 
      datasets: [{ 
       label: "humidity",     
       data: [60, 20, 30, 50, 60, 80, 90], 
       backgroundColor: "#D9B090", 
       hoverBackgroundColor: 'rgba(217,176,144,0.8)' 


      }] 
     }, 
     options: { 

      scales: { 

       xAxes : [{ 


        gridLines : { 
         display : false 
        } 

       }], 

       yAxes: [{ 

        ticks: { 
         min:0, 
         max:100 

        } 
       }] 
      } 
     } 
    }); 

    humdaysChart.options.legend.display = false; 

Answer 1

使用afterBuildTicks選項爲秤/yAxes

yAxes: [{ 

    ticks: { 
    min: 0, 
    max: 100 

    }, 
    afterBuildTicks: function(humdaysChart) {  
    humdaysChart.ticks = []; 
    humdaysChart.ticks.push(0); 
    humdaysChart.ticks.push(50); 
    humdaysChart.ticks.push(100);  
    } 
}] 

，或者您也可以使用'stepSize的'

yAxes: [{ 

     ticks: { 
      min:0, 
      max:100, 
      stepSize:50 

     } 
    }] 

http://jsfiddle.net/Lehuga5o/