Charts Chart.js如何在不显示xaxis和yaxis标签的情况下显示折线图

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选项={ 键入:“

如何在不显示xaxis和yaxis标签的情况下显示折线图?

您可以将刻度显示设置为false,如下所示:

  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'                                
      }
    }
  }
}