如何隐藏底部垂直线highcharts.js

时间:2016-01-25 09:19:45

标签: javascript highcharts

我尝试制作图表

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 个答案:

答案 0 :(得分:2)

 xAxis: {
            lineWidth: 0,
            minorGridLineWidth: 0,
            lineColor: 'transparent',
            crosshair: false,
            labels:
            {
                enabled:false
            },
             minorTickLength: 0,
             tickLength: 0
        },

答案 1 :(得分:1)

添加到xAxis

tickLength: 0

编辑小提琴: https://jsfiddle.net/Vitalis93/jzm7qe85/7/