隐藏轴和网格线Highcharts

Question

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

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

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

Answer 1

只需添加

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

到xAxis定义.

Answer 2

对于yAxis你还需要:

gridLineColor: 'transparent',

Answer 3

如果你的版本比Vicharts的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
    }

});

Answer 4

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

yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}

Answer 5

我设法完全关闭我的

       lineColor: 'transparent',
       tickLength: 0