隐藏轴和网格线Highcharts-Java 学习之路

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

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

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

7 回答

133

只需添加

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

到xAxis定义 .

回复于 2024-05-02T09:39:14+08:00

25

对于 yAxis ，您还需要：

gridLineColor: 'transparent',

回复于 2024-05-02T09:39:14+08:00

如果您的版本高于Highcharts的v4.9，则可以在 xAxis 和 yAxis 设置中使用 visible: false .

例：

$('#container').highcharts({

    chart: {
        type: 'column'
    },

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

    xAxis: {
        visible: false
    },

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

});

回复于 2024-05-02T09:39:14+08:00

19
您还可以将yAxis上的网格线隐藏为：
```
yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}
```
回复于 2024-05-02T09:39:14+08:00
2
我设法完全关闭我的
```
lineColor: 'transparent',
       tickLength: 0
```
回复于 2024-05-02T09:39:14+08:00
5
如果您不想触摸配置对象，则只需通过css隐藏网格：
```
.chart-container .highcharts-grid {
   display: none;
}
```
回复于 2024-05-02T09:39:14+08:00

这对我来说一直很好：

yAxes: [{
         ticks: {
                 display: false;
                },

回复于 2024-05-02T09:39:14+08:00

隐藏轴和网格线Highcharts

7 回答

相关问题