Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript highchart 3d列-显示“β轴标题”和“β轴标签”_Javascript_Highcharts - Fatal编程技术网

Javascript highchart 3d列-显示“β轴标题”和“β轴标签”

Javascript highchart 3d列-显示“β轴标题”和“β轴标签”,javascript,highcharts,Javascript,Highcharts,英语不是我的母语。如果你不明白我的问题,请告诉我 我想在highchart中显示beta轴标题和beta轴标签。我想要的是: 然而,我得到的是: 我在谷歌上搜索了一下,没有找到任何解决问题的方法 我的javascript代码如下所示 $(function () { $('#container').highcharts({ chart: { type: 'column', margin: 75, options3d: {

英语不是我的母语。如果你不明白我的问题,请告诉我

我想在highchart中显示beta轴标题和beta轴标签。我想要的是:

然而,我得到的是:

我在谷歌上搜索了一下,没有找到任何解决问题的方法

我的javascript代码如下所示

$(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并使其看起来像这样:

工作示例:


这在很大程度上取决于你想写什么作为标题和标签。您只需进行实验。

如果这回答了您的问题,您最好接受它作为答案。对不起,这是我第一次在课堂上提问。我已经接受了你的回答。再次感谢。