Javascript highchart 3d列-显示“β轴标题”和“β轴标签”
英语不是我的母语。如果你不明白我的问题,请告诉我 我想在highchart中显示beta轴标题和beta轴标签。我想要的是: 然而,我得到的是: 我在谷歌上搜索了一下,没有找到任何解决问题的方法 我的javascript代码如下所示Javascript highchart 3d列-显示“β轴标题”和“β轴标签”,javascript,highcharts,Javascript,Highcharts,英语不是我的母语。如果你不明白我的问题,请告诉我 我想在highchart中显示beta轴标题和beta轴标签。我想要的是: 然而,我得到的是: 我在谷歌上搜索了一下,没有找到任何解决问题的方法 我的javascript代码如下所示 $(function () { $('#container').highcharts({ chart: { type: 'column', margin: 75, options3d: {
$(function () {
$('#container').highcharts({
chart: {
type: 'column',
margin: 75,
options3d: {
enabled: true,
alpha: 15,
beta: 50,
depth: 110
}
},
title: {
text: null
},
xAxis:{
title: {
text: "构建日期"
},
categories: ["2010-10-17","2010-10-18","2010-10-19","2010-10-20","2010-10-21","2010-10-22"],
},
yAxis: {
title: {
text: "内存(MB)"
}
},
plotOptions: {
column: {
depth: 40,
stacking: true,
grouping: false,
groupZPadding: 10
}
},
series: [{
name: 'HUAWEI',
data: [1, 2, 4, 3, 2, 4],
stack: 0
}, {
name: 'XIAOMI',
data: [5, 6, 3, 4, 1, 2],
stack: 1
}, {
name: 'oppo',
data: [7, 9, 8, 7, 5, 8],
stack: 2
}]
});
});
您需要将zAxis类别设置为具有标签,将zAxis标题设置为具有标题。需要注意的是,要显示标签,您需要定义一个最小值和最大值。这是一个最小的示例,它将显示所有标签的顶部:
zAxis: {
title: {
text: 'TITLE HERE',
},
min: 0,
max: 2,
categories: ["HUAWEI", "XIAOMI", "oppo"]
}
工作示例:
有很多选项可以调整它的外观,您应该看看zAxis标签/标题上的API
zAxis.titles上的API:
例如,您可以旋转并使其看起来像这样:
工作示例:
或者您可以使用skew3d并使其看起来像这样:
工作示例:
这在很大程度上取决于你想写什么作为标题和标签。您只需进行实验。如果这回答了您的问题,您最好接受它作为答案。对不起,这是我第一次在课堂上提问。我已经接受了你的回答。再次感谢。