Charts 如何删除条形图中的左侧数值?
在有关Stackoverflow的文档或其他问题中,我找不到有关如何移除左侧数字键盘的信息(是否可能)。如何删除,以便只保留图表 对于堆栈: 看起来你的帖子大部分都是代码;请补充更多细节。” 看起来你的帖子大部分都是代码;请补充更多细节。” 试着这样做:Charts 如何删除条形图中的左侧数值?,charts,highcharts,chart.js,Charts,Highcharts,Chart.js,在有关Stackoverflow的文档或其他问题中,我找不到有关如何移除左侧数字键盘的信息(是否可能)。如何删除,以便只保留图表 对于堆栈: 看起来你的帖子大部分都是代码;请补充更多细节。” 看起来你的帖子大部分都是代码;请补充更多细节。” 试着这样做: 函数myChart(){ const densityCanvas=document.getElementById('myChart')) Chart.defaults.global.defaultFontFamily='Segoe UI'
函数myChart(){
const densityCanvas=document.getElementById('myChart'))
Chart.defaults.global.defaultFontFamily='Segoe UI'
Chart.defaults.global.defaultFontSize=11
常数密度数据={
标签:“”,
数据:[5427524355143933],
背景颜色:“#123ce1”,
边框宽度:0,
yAxisID:“y轴密度”,
}
常量重力数据={
标签:“”,
数据:[3.7,8.9,9.8,3.7],
背景颜色:“#4f7afe”,
边框宽度:0,
yAxisID:“y轴重力”,
}
常数平面数据={
标签:[“水星”、“金星”、“地球”、“火星”],
数据集:[密度数据,重力数据],
}
常量图表选项={
比例:{
xAxes:[{
百分比:1,
类别类别:0.3,
}, ],
雅克斯:[{
id:‘y轴密度’,
},
{
id:‘y轴重力’,
},
],
},
}
常量条形图=新图表(密度Canvas{
类型:'bar',
数据:planetData,
选项:{
图例:{
显示:假
},
比例:{
xAxes:[{
百分比:1,
类别类别:0.3,
}, ],
雅克斯:[{
id:‘y轴密度’,
显示:假
},
{
id:‘y轴重力’,
显示:假
},
],
},
},
})
}
myChart()
试着这样做:
函数myChart(){
const densityCanvas=document.getElementById('myChart'))
Chart.defaults.global.defaultFontFamily='Segoe UI'
Chart.defaults.global.defaultFontSize=11
常数密度数据={
标签:“”,
数据:[5427524355143933],
背景颜色:“#123ce1”,
边框宽度:0,
yAxisID:“y轴密度”,
}
常量重力数据={
标签:“”,
数据:[3.7,8.9,9.8,3.7],
背景颜色:“#4f7afe”,
边框宽度:0,
yAxisID:“y轴重力”,
}
常数平面数据={
标签:[“水星”、“金星”、“地球”、“火星”],
数据集:[密度数据,重力数据],
}
常量图表选项={
比例:{
xAxes:[{
百分比:1,
类别类别:0.3,
}, ],
雅克斯:[{
id:‘y轴密度’,
},
{
id:‘y轴重力’,
},
],
},
}
常量条形图=新图表(密度Canvas{
类型:'bar',
数据:planetData,
选项:{
图例:{
显示:假
},
比例:{
xAxes:[{
百分比:1,
类别类别:0.3,
}, ],
雅克斯:[{
id:‘y轴密度’,
显示:假
},
{
id:‘y轴重力’,
显示:假
},
],
},
},
})
}
myChart()
function myChart() {
const densityCanvas = document.getElementById('myChart')
Chart.defaults.global.defaultFontFamily = 'Segoe UI'
Chart.defaults.global.defaultFontSize = 11
const densityData = {
label: '',
data: [5427, 5243, 5514, 3933],
backgroundColor: '#123ce1',
borderWidth: 0,
yAxisID: 'y-axis-density',
}
const gravityData = {
label: '',
data: [3.7, 8.9, 9.8, 3.7],
backgroundColor: '#4f7afe',
borderWidth: 0,
yAxisID: 'y-axis-gravity',
}
const planetData = {
labels: ['Mercury', 'Venus', 'Earth', 'Mars'],
datasets: [densityData, gravityData],
}
const chartOptions = {
scales: {
xAxes: [{
barPercentage: 1,
categoryPercentage: 0.3,
}, ],
yAxes: [{
id: 'y-axis-density',
},
{
id: 'y-axis-gravity',
},
],
},
}
const barChart = new Chart(densityCanvas, {
type: 'bar',
data: planetData,
options: {
legend: {
display: false
},
scales: {
xAxes: [{
barPercentage: 1,
categoryPercentage: 0.3,
}, ],
yAxes: [{
id: 'y-axis-density',
},
{
id: 'y-axis-gravity',
},
],
},
},
})
}
myChart()