Highcharts 摆脱底线答案

【问题标题】：Highcharts Get rid off bottom lineHighcharts 摆脱底线
【发布时间】：2014-06-11 00:39:39
【问题描述】：

如何摆脱 X 轴上的灰色底线？

$(function () {
$('#container').highcharts({
    title: {text:''},
    yAxis: {
        gridLineWidth: 0,   
        minorGridLineWidth: 0,
        labels:{enabled: false},
        title: {enabled:false}
    },
    xAxis: {
        gridLineWidth: 0,        
        minorGridLineWidth: 0,
        tickWidth: 0,
        categories: ['Jan', 'Feb'],
        labels:{ enabled: false }
    },
    legend: {enabled: false},
    series: [{ data: [29.9, 71.5]  }]
});

});

谢谢

【问题讨论】：

标签： highcharts line axis

【解决方案1】：

你很亲密，只需添加lineWidth: 0，请参阅：http://jsfiddle.net/EtvMR/2/

    xAxis: {
        gridLineWidth: 0,
        minorGridLineWidth: 0,
        tickWidth: 0,
        lineWidth: 0,
        categories: ['Jan', 'Feb'],
        labels: {
            enabled: false
        }
    },

【讨论】：

【解决方案2】：

每个轴都有一个名为 lineWidth 的属性，它决定了轴线的宽度。

将其设置为一个值将赋予用户定义的轴宽度。

这里应该是0

lineWidth: 0

我在这里更新了您的 fiddle 并进行了更改

我希望这就是你要找的。p>

【讨论】：

【解决方案3】：

您可以为类选择器highcharts-axis设置CSS属性display: none，它会消失：

.highcharts-axis {
    display: none;
}

见：JSFiddle

【讨论】：