我已经使用刻度配置分配了 Y 轴的最小值和最大值。但是我不希望这些最小最大值显示在图中。我需要在两端隐藏这些值
ticks:
{
callback: function(value){
returnparseFloat(value.toFixed(2))
},
min: y1_min,
max: y1_max,
fontColor: "#000000",
fontSize: 12
},
最佳答案
为了隐藏特定的刻度(在你的例子中是第一个和最后一个刻度),你必须使用 scale afterTickToLabelConversion
callback property并在要隐藏的 scaleInstance.ticks
中设置刻度索引的 value = null
。这将防止它们被绘制在 Canvas 上。
这是一个隐藏第一个和最后一个刻度的示例(通过设置它们的值 = null)。
afterTickToLabelConversion: function(scaleInstance) {
// set the first and last tick to null so it does not display
// note, ticks[0] is the last tick and ticks[length - 1] is the first
scaleInstance.ticks[0] = null;
scaleInstance.ticks[scaleInstance.ticks.length - 1] = null;
// need to do the same thing for this similiar array which is used internally
scaleInstance.ticksAsNumbers[0] = null;
scaleInstance.ticksAsNumbers[scaleInstance.ticksAsNumbers.length - 1] = null;
}
您可以在这个 codepen example 上看到它的实际效果
关于javascript - 在 Chart.js 中隐藏 y 轴的最小值和最大值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43063407/