ハイチャートを使用してスタックバーの1行に異なるシリーズデータを表示

Question

ハイチャートのスタックバーに異なる一連のデータを直線で表示したいとします。私は最小値と最大値に基づいてデータを表示する必要があります。これをお勧めします。

series: [ 
     { "name": 'Active', 
     "data": [{ "low": 1325808000000, "y": 1335808000000 }, 
       { "low": 1335808000000, "y": 1343652000000 } 
       ] 
     }, 
     { "name": 'New', 
     "data": [{ "low": 1335808000000, "y": 1351814400000 }, 
       { "low": 1343652000000, "y": 1348952000000 } 
       ] 
     } 
     ] 

サンプルは以下のリンクにあります。

http://jsfiddle.net/SuhailBaig/8e08b387/3/ 

Answer 1

Expected Stacked Bar Image

こんにちはグジェゴシ、 ご回答いただきありがとうございます。 上記のリンクは私の要件をよりよく理解するのに役立ちます。 ソースコードについては、下記のjsfiddle urlをご覧ください。

http://jsfiddle.net/SuhailBaig/8e08b387/3/

サンプルコード：

series: [ 
     { "name": 'Active', 
     "data": [{ "low": 1325808000000, "y": 1335808000000 }, 
       { "low": 1335808000000, "y": 1343652000000 } 
       ] 
     }, 
     { "name": 'New', 
     "data": [{ "low": 1335808000000, "y": 1351814400000 }, 
       { "low": 1343652000000, "y": 1348952000000 } 
       ] 
     } 
     ] 

Answer 2

あなたは縦棒グラフを使用しているので、それはx軸になりますあなたのケースでは、y軸にStackLablesを追加する必要があり、

yAxis: { 
      min: 0, 
      title: { 
       text: 'Stacked Bar' 
      }, 
      stackLabels: { 
       enabled: true, 
       style: { 
        fontWeight: 'bold', 
        color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' 
       } 
      } 
     }, 

DEMO