[英]Highcharts X-Axis labels as Text
在這個小提琴中 ,無需更改系列數據,是否可以將x軸標簽顯示為文本,即{"apple","orange","mango"}
而不是小數,即{0,1,2}
而不分離來自JSON的標簽並將其提供給類別。
$(function () {
$('#container').highcharts({
chart: {
},
xAxis: {
labels: {
enabled: true
}
},
series: [{
data: [["apple",29.9], ["orange",71.5], ["mango",106.4]]
}]
});
});
嘗試這個:
$(function () {
var seriesData = [["apple",29.9], ["orange",71.5], ["mango",106.4]];
$('#container').highcharts({
chart: {
},
xAxis: {
tickInterval: 1,
labels: {
enabled: true,
formatter: function() { return seriesData[this.value][0];},
}
},
series: [{
data: seriesData
}]
});
});
看看演示
您可以在xAxis
使用catgories
xAxis: {
categories: ["apple", "orange", "mango"],
}
我已經更新了你的小提琴: http : //jsfiddle.net/Lq6me/1/
如果你不想使用類別,你可以去
labels: {
formatter: function() {}
}
無需手動執行更好的解決方案只是傳遞類型: xAxis塊中的“類別” 。 看下面的片段
xAxis: {
type: 'category',
labels: {
rotation: -45,
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
},
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.