我需要从我的highcharts图表中删除以下环绕的部分,一个是y轴上的基线,另一个是x轴上的值标签。我已经尝试了API中提到的几件事,但我还没有实现这个目标。
小提琴 http://jsfiddle.net/ftaran/jBHDM/
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: null
},
xAxis: {
labels: {
enabled: false
}
},
yAxis: {
labels: {
enabled: false
},
tickWidth: 0,
gridLineWidth: 0,
labels: {
enabled: false
},
"startOnTick": true
},
tooltip: {
formatter: function () {
return '<b>' + this.series.name + ':</b> ' + this.y + '<br/>' + this.percentage.toFixed(2) + '%';
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [{
name: 'Fail',
color: 'red',
data: [5]
}, {
name: 'Success',
color: 'green',
data: [2]
}]
});
});
答案 0 :(得分:6)
要删除行,您必须将这些行添加到xAxis
配置:
lineWidth: 0,
tickWidth: 0
摆脱&#34;价值观&#34;文本,将其添加到您的yAxis
配置:
title: null
以下是最终配置和fiddle的链接:
xAxis: {
lineWidth: 0,
tickWidth: 0,
labels: {
enabled: false
}
},
yAxis: {
labels: {
enabled: false
},
gridLineWidth: 0,
title: null,
"startOnTick": true
}
Highcharts可能令人困惑,因为哪个轴是xAxis
或yAxis
可能不直观。希望这有帮助!