Charts Chart.js如何在不显示xaxis和yaxis标签的情况下显示折线图
如何在不显示xaxis和yaxis标签的情况下显示折线图?您可以将刻度显示设置为false,如下所示:Charts Chart.js如何在不显示xaxis和yaxis标签的情况下显示折线图,charts,chart.js,line,Charts,Chart.js,Line,如何在不显示xaxis和yaxis标签的情况下显示折线图?您可以将刻度显示设置为false,如下所示: options: { scales: { y: { ticks: { display: false } }, x: { ticks: { display: false } } } } 例如: var选项={ 键入:“
options: {
scales: {
y: {
ticks: {
display: false
}
},
x: {
ticks: {
display: false
}
}
}
}
例如:
var选项={
键入:“行”,
数据:{
标签:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”],
数据集:[{
标签:“#投票数”,
数据:[12,19,3,5,2,0],
边框宽度:1,
背景颜色:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]
},
{
标签:“#计数”,
数据:[1,2,3,4,5,2],
边框宽度:1,
背景颜色:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]
}
]
},
选项:{
比例:{
y:{
滴答声:{
显示:假
}
},
x:{
滴答声:{
显示:假
}
}
}
}
}
var ctx=document.getElementById('chartJSContainer').getContext('2d');
常量图表=新图表(ctx,选项)代码>
如果您有带刻度的标签,您可以使用
options: {
scales: {
y: {
ticks: {
display: false
},
scaleLabel: {
display: false,
labelString: 'Yaxes scaleLabel text'
}
},
x: {
ticks: {
display: false
},
scaleLabel: {
display: false,
labelString: 'Xaxes scaleLabel text'
}
}
}
}