2016-01-25 1 views
0

Я пытаюсь сделать диаграммукак я могу скрыть нижние вертикальные линии highcharts.js

chart: { 
    type: 'column' 
     } 

, к сожалению, я не могу скрыть нижние вертикальные линии здесь скрипку: https://jsfiddle.net/Vitalis93/jzm7qe85/4/ вы можете мне помочь?

index.html

<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> 

script.js

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: null 
     }, 
     subtitle: { 
      text: null 
     }, 
     xAxis: { 
      categories: [ 
       'Jan', 
       'Feb', 
       'Mar', 
       'Apr', 
       'May', 
       'Jun', 
       'Jul', 
       'Aug', 
       'Sep', 
       'Oct', 
       'Nov', 
       'Dec' 
      ], 
      crosshair: false, 
      labels:{ 
       enabled:false 
      }, 
      gridLineWidth: 0, 
      minorGridLineWidth: 0, 
      lineColor: 'transparent' 
     }, 
     yAxis: { 
       gridLineWidth: 0, 
      minorGridLineWidth: 0, 
      lineColor: 'transparent', 
      min: 0, 
      title: { 
       text: null 
      }, 
      labels:{ 
      enabled:false 
      }, 
     }, 
     tooltip: { 
      enabled:false 
     }, 
     plotOptions: { 
      column: { 
       pointPadding: 0.0, 
       borderWidth: 0 
      } 
     }, 
     legend: { 
      enabled: false 
      }, 
     series: [{ 
      name: 'Berlin', 
      data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1] 

     }] 
    }); 
}); 

ответ

2
xAxis: { 
      lineWidth: 0, 
      minorGridLineWidth: 0, 
      lineColor: 'transparent', 
      crosshair: false, 
      labels: 
      { 
       enabled:false 
      }, 
      minorTickLength: 0, 
      tickLength: 0 
     }, 
Смежные вопросы