2016-09-29 5 views
0

私は、ハイチャートの横に積み重なったバーで作業しています。私はグラフのx軸とバーの間のスペースを削除する必要があります。 この画像の詳細はハイチャート水平に積み重なったバーで、バーとx軸の間のスペースを減らす

Imageです。

は下のグラフのオプションは次のとおりです。

{ 
"chart":{ 
    "type":"bar", 
    "renderTo":"ConfigurationTickets" 
}, 
"title":{ 
    "text":null 
}, 
"xAxis":{ 
    "groupPadding":0 
}, 
"yAxis":{ 
    "min":0, 
    "title":{ 
     "text":null 
    }, 
    "gridLineWidth":0, 
    "labels":{ 
     "enabled":true 
    }, 
    "minorTickLength":0, 
    "tickLength":0, 
    "minPadding":0.5, 
    "maxPadding":0.5 
}, 
"legend":{ 
    "enabled":false, 
    "reversed":true 
}, 
"plotOptions":{ 
    "series":{ 
     "stacking":"percent", 
     "minPointLength":1, 
     "pointWidth":20, 
     "pointPadding":0, 
     "point":{ 
      "events":{ 

      } 
     }, 
     "column":{ 
      "pointPadding":0, 
      "groupPadding":0 
     }, 
     "showInLegend":false, 
     "softThreshold":true 
    }, 
    "cursor":"pointer", 
    "bar":{ 
     "groupPadding":0.1, 
     "pointWidth":20, 
     "pointPadding":0 
    } 
}, 
"series":[ 
    { 
     "data":[ 
      { 
       "y":3, 
       "color":"#ac89cb" 
      } 
     ], 
     "name":"more than 31" 
    }, 
    { 
     "data":[ 
      { 
       "y":2, 
       "color":"#8d749a" 
      } 
     ], 
     "name":"21 - 30" 
    }, 
    { 
     "data":[ 
      { 
       "y":3, 
       "color":"#72557b" 
      } 
     ], 
     "name":"Less than 20" 
    } 
]} 
+0

私はあなたがしたいかわかりませんグラフを表示しますが、あなたのケースではmarginBottomとmarginTopを使うことができます:http://jsfiddle.net/muyz8rjz/ –

+0

そのスペースは1)の結果です3)あなたの系列 'pointRange'および/または' pointWidth'、 'pointPadding'と' groupPadding' 4)あなたの 'xAxis'' minPadding'と' maxPadding'設定。 |あなたの問題を解決する方法は、あなたが実際に望むものによって決まります。バーがそのスペースを埋めるようにしますか?あなたのチャートを短くしたいですか?または何? – jlbriggs

答えて

0

だから、あなたはあなたのチャートオプションで場違いなものがたくさんありました。ここで

はバーとスペースを埋めるために、この更新されたコードを使用する例です:

"plotOptions": { 
    "series": { 
    "stacking": "percent", 
    "minPointLength": 1, 
    "pointPadding": 0, 
      "groupPadding": 0, 
      "cursor": "pointer" 
    } 
} 

はフィドル:

関連する問題