如何在ChartJs中隱藏y軸線？

Question

我正在使用氣泡圖並隱藏y軸線。我試過以下，但它不起作用。

yAxes: [{ 
 
    angleLines: { 
 
    display: false 
 
    } 
 
}]

Answer 1

var myBubbleChart = new Chart(ctx,{ 
    type: 'bubble', 
    data: data, 
    options: { 
     scales: 
     { 
      yAxes: [{ 
       gridLines : { 
        display : false 
       } 
      }] 
     } 
    } 
}); 

Answer 2

var ctx = document.getElementById("myChart"); 

var data = { 
    datasets: [ 
     { 
      label: 'First Dataset', 
      data: [ 
       { x: 20, y: 30, r: 10 }, 
       { x: 40, y: 10, r: 10 }, 
       { x: 30, y: 20, r: 30 } 
      ] 
     }] 
}; 

var myBubbleChart = new Chart(ctx,{ 
    type: 'bubble', 
    data: data, 
    options: { 
     scales: 
     { 
      yAxes: [{ 
       display: false 
      }] 
     } 
    } 
}); 

Answer 3

解決方案標記爲正確只隱藏網格線，而不是垂直Y軸線，所以不回答提出的問題。

正確的解決方法是：

options: { 
    scales: { 
    yAxes: [{ 
     gridLines: { 
     drawBorder: false, 
     }, 
    }] 
    }, 
}, 

這禁用縱軸線。這可以用display結合禁用垂直輔助線：

xAxes: [{ 
    gridLines: { 
    display: false, 
    }, 
}], 

這裏有一個工作示例：http://codepen.io/anon/pen/xqGGaV