请参考这个小提琴:https://jsfiddle.net/4mxhogmd/1/
我正在研究chart.js如果你在小提琴中看到,你会注意到在某些情况下没有正确显示条形图上的值(在画布外面)虽然研究我遇到了这个链接如何在Chart上显示数据值.js文件
但是在这里他们也使用工具提示同样的情况来调整栏内的文本.我不想要这个.
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["2 Jan", "9 Jan", "16 Jan", "23 Jan", "30 Jan", "6 Feb", "13 Feb"],
datasets: [{
data: [6, 87, 56, 15, 88, 60, 12],
backgroundColor: "#4082c4"
}]
},
options: {
"hover": {
"animationDuration": 0
},
"animation": {
"duration": 1,
"onComplete": function () {
var chartInstance = this.chart,
ctx = chartInstance.ctx;
ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily);
ctx.textAlign = 'center'; …Run Code Online (Sandbox Code Playgroud) 我设法使用以下方法删除了我的图表中的所有水平线/规则:
scales: {
xAxes: [{
gridLines: {
display: false
}
}]
}
Run Code Online (Sandbox Code Playgroud)
但我也想摆脱代表Y轴的规则/条形.但我想保留标签:
不幸的是我找不到任何选择.我只能删除整个轴,包括标签.
我正在使用Chart.js 2.3.