highchart 3d column - 「ベータ軸のタイトル」と「ベータ軸のラベル」を表示

Question

英語は母国語ではありません。私の質問を理解できない場合は教えてください。

"ベータ軸のタイトル"と "ベータ軸のラベル"をハイチャートで表示したいと思います。私が欲しいのは、次のようにされています。しかし、私が得たことはここにある

：

I googled.Iは私の問題への解決策を見つけることができませんでした。

私の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 
    }] 
    }); 
}); 

Answer 1

あなたはタイトルを持っているlabels、およびzAxistitleを持っているzAxisカテゴリを設定する必要があります。 重要なのは、ラベルを表示するには、がで、最小値と最大値を定義する必要があることです。。

zAxis: { 
    title: { 
    text: 'TITLE HERE', 
    }, 
    min: 0, 
    max: 2, 
    categories: ["HUAWEI", "XIAOMI", "oppo"] 
} 

の作業例：http://jsfiddle.net/ewolden/0uc1g8b5/3/

の外観を微調整するためのオプションがたくさんありますこれは、（お互いの上に）それをすべて表示します最小限の例です。これは、zAxislabels/titlesのAPIをご覧ください。 zAxis.titles上

API：たとえばhttps://api.highcharts.com/highcharts/zAxis.title

あなたが回転し、それは次のようになり持つことができます。

の作業例：http://jsfiddle.net/ewolden/0uc1g8b5/5/

それとも、 skew3dを使用して、次のようにすることができます：

の作業例：http://jsfiddle.net/ewolden/0uc1g8b5/6/

それはあなたがタイトルやラベルとして書きたいものに多くを依存しています。実験するだけです。