Question

如何摆脱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]  }]
});

}）;

由于

Answer 1

您非常接近，只需添加lineWidth: 0，请参阅：http://jsfiddle.net/EtvMR/2/

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

Answer 2

每个名为lineWidth的轴都有一个属性，用于确定轴线的宽度。

将其设置为值将为用户定义轴的宽度。

这里应该给出0

lineWidth: 0

此处我已更新您的fiddle并进行了更改

我希望这就是你要找的东西。

Answer 3

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

.highcharts-axis {
    display: none;
}

请参阅：JSFiddle

Highcharts摆脱底线

3 个答案: