ハイチャートのx軸の終点線を描く方法

Question

ハイチャートの積み重ね棒グラフを使用していますが、下の図のように値の最後にラインが表示されません。メソッド。 http://i.stack.imgur.com/y3AVm.png

Answer 1

イメージを作成し、jsコードでsun.pngを変更します。

$(function() { 
 

 

 
    $('#container').highcharts({ 
 
     title: { 
 
      text: 'Combination chart' 
 
     }, 
 
     xAxis: { 
 
      categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums'] 
 
     }, 
 
     labels: { 
 
      items: [{ 
 
       html: 'Total fruit consumption', 
 
       style: { 
 
        left: '50px', 
 
        top: '18px', 
 
        color: (Highcharts.theme && Highcharts.theme.textColor) || 'black' 
 
       } 
 
      }] 
 
     }, 
 
      plotOptions: { 
 
      series: { 
 
       stacking: 'normal' 
 
      } 
 
     }, 
 
     series: [{ 
 
      type: 'bar', 
 
      name: 'Jane', 
 
      data: [3, 2, 1, 3, 4] 
 
     }, { 
 
      type: 'bar', 
 
      name: 'John', 
 
      data: [2, 3, 5, 7, 6] 
 
     }, { 
 
      type: 'bar', 
 
      name: 'Joe', 
 
      data: [4, 3, 3, 9, 0] 
 
     }, { 
 
      data: [9, 8, 9, 19, 10], 
 
      lineWidth: 0, 
 
      enableMouseTracking: false, 
 

 
      marker: { 
 
        symbol:    'url(https://www.highcharts.com/samples/graphics/sun.png)' 
 
       }   
 
       
 
     }] 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
 

 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>