バブルチャートを使用しており、y軸線を非表示にする必要があります。次のことを試しましたが、うまくいきません。
yAxes: [{
angleLines: {
display: false
}
}]
これにより、垂直Y軸線が無効になります。
options: {
scales: {
yAxes: [{
gridLines: {
drawBorder: false,
},
}]
},
},
これをdisplay
と組み合わせて、垂直gridLinesを無効にすることができます。
xAxes: [{
gridLines: {
display: false,
},
}],
これが実際の例です: http://codepen.io/anon/pen/xqGGaV
var myBubbleChart = new Chart(ctx,{
type: 'bubble',
data: data,
options: {
scales:
{
yAxes: [{
gridLines : {
display : false
}
}]
}
}
});
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
}]
}
}
});