如何从 highchart.js 条形图中删除 x 轴标签
How do you remove x-axis labels from a highchart.js bar chart
我正在使用 highcharts.js 构建条形图。我不知道如何删除 x 轴标签?我知道我必须改变 xAxis 对象,但我已经尝试了下面的所有选项,但没有任何效果。我知道这是可能的,但我遗漏了一些东西。任何帮助是极大的赞赏。这是 fiddle 我从 fiddle.
开始的情节
xAxis: {
categories: [''],
title: {
text: null
},
labels: {
enabled:false
}
}
xAxis: {
labels: {
enabled:false
}
}
数据对象,只有样本大小..
var obj = {
"data": [0.397851,1721745],
"color":'rgb(51, 204, 51)',
"organism_labels":"klebsiella_oxytoca"
},{
"data": [0.609935,66529],
"color":'rgb(51, 204, 51)',
"organism_labels":"staphylococcus_aureus"
},{
"data": [0.505084,45563],
"color":'rgb(51, 204, 51)',
"organism_labels":"legionella_longbeachae"
},{
"data": [0.669884,83471],
"color":'rgba(223, 83, 83, .5)',
"organism_labels":"enterobacter_aerogenes"
}, {
"data": [0.688673,1309077],
"color":'rgba(223, 83, 83, .5)',
"organism_labels":"pseudomonas_aeruginosa"
}
HighCharts.js
/** Histogram **/
$(function () {
$('#histogram').highcharts({
chart: {
type: 'column',
zoomType: 'xy'
},
title: {
text: 'Histogram'
},
subtitle: {
text: 'Please Help!'
},
xAxis: {
min:0,
max:1,
minPadding: 0,
maxPadding: 0
},
yAxis: {
title: {
text: 'Reads'
}
},
credits: {
enabled: false
},
series:
obj
});
});
当前情节:
从您的屏幕截图来看,您想要删除的似乎是 图例,而不是 x 轴标签。
由于您的 obj
JSON 数组中的每个项目都有自己独特的名称,除非您在图表选项中设置 legend: { enabled: false }
,否则图例将推出每个项目(见 http://api.highcharts.com/highcharts#legend.enabled).
如果这回答了您的问题,请告诉我。
您可以尝试查看 属性 visible。
xAxis :{
visible : false
}
轴,包括轴标题、线、刻度和标签,是否应该可见。默认为真。
我正在使用 highcharts.js 构建条形图。我不知道如何删除 x 轴标签?我知道我必须改变 xAxis 对象,但我已经尝试了下面的所有选项,但没有任何效果。我知道这是可能的,但我遗漏了一些东西。任何帮助是极大的赞赏。这是 fiddle 我从 fiddle.
开始的情节xAxis: {
categories: [''],
title: {
text: null
},
labels: {
enabled:false
}
}
xAxis: {
labels: {
enabled:false
}
}
数据对象,只有样本大小..
var obj = {
"data": [0.397851,1721745],
"color":'rgb(51, 204, 51)',
"organism_labels":"klebsiella_oxytoca"
},{
"data": [0.609935,66529],
"color":'rgb(51, 204, 51)',
"organism_labels":"staphylococcus_aureus"
},{
"data": [0.505084,45563],
"color":'rgb(51, 204, 51)',
"organism_labels":"legionella_longbeachae"
},{
"data": [0.669884,83471],
"color":'rgba(223, 83, 83, .5)',
"organism_labels":"enterobacter_aerogenes"
}, {
"data": [0.688673,1309077],
"color":'rgba(223, 83, 83, .5)',
"organism_labels":"pseudomonas_aeruginosa"
}
HighCharts.js
/** Histogram **/
$(function () {
$('#histogram').highcharts({
chart: {
type: 'column',
zoomType: 'xy'
},
title: {
text: 'Histogram'
},
subtitle: {
text: 'Please Help!'
},
xAxis: {
min:0,
max:1,
minPadding: 0,
maxPadding: 0
},
yAxis: {
title: {
text: 'Reads'
}
},
credits: {
enabled: false
},
series:
obj
});
});
当前情节:
从您的屏幕截图来看,您想要删除的似乎是 图例,而不是 x 轴标签。
由于您的 obj
JSON 数组中的每个项目都有自己独特的名称,除非您在图表选项中设置 legend: { enabled: false }
,否则图例将推出每个项目(见 http://api.highcharts.com/highcharts#legend.enabled).
如果这回答了您的问题,请告诉我。
您可以尝试查看 属性 visible。
xAxis :{
visible : false
}
轴,包括轴标题、线、刻度和标签,是否应该可见。默认为真。