84

我试图完全隐藏我的 Highcharts 图表的轴和网格线。到目前为止，我尝试将线条的宽度设置为 0，但没有成功。

xAxis: {
  lineWidth: 0,
  minorGridLineWidth: 0,
  lineColor: 'transparent'
}

是否可以仅全局禁用轴线/刻度线和网格线以创建“普通”图？

4

7 回答 7

154

只需添加

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

到 xAxis 定义。

从 4.1.9 版开始，您可以简单地使用轴属性visible：

xAxis: {
    visible: false,
}
于 2012-06-04T08:59:08.383 回答
78

对于yAxis您还需要：

gridLineColor: 'transparent',

于 2013-09-12T12:29:05.050 回答
28

如果您有比 Highcharts v4.9 更大的版本，您可以visible: false在xAxis和yAxis设置中使用。

例子：

$('#container').highcharts({

    chart: {
        type: 'column'
    },

    title: {
        text: 'Highcharts axis visibility'
    },

    xAxis: {
        visible: false
    },

    yAxis: {
        title: {
            text: 'Fruit'
        },
        visible: false
    }

});
于 2015-12-02T22:53:56.433 回答
22

您还可以将 yAxis 上的网格线隐藏为：

yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}
于 2014-01-08T07:17:00.147 回答
5

我设法关闭了我的

       lineColor: 'transparent',
       tickLength: 0
于 2015-01-06T23:30:21.023 回答
3

如果您不想触摸配置对象，只需通过 css 隐藏网格：

.chart-container .highcharts-grid {
   display: none;
}
于 2015-03-05T14:38:42.213 回答
-1

这对我来说一直很有效：

yAxes: [{
         ticks: {
                 display: false;
                },
于 2017-08-16T06:57:32.840 回答