隐藏轴线和网格线Highcharts

我想完全隐藏我的Highcharts图表的轴线和网格线。到目前为止，我试图将行的宽度设置为0，但它没有解决。隐藏轴线和网格线Highcharts

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

是否可以在全局范围内禁用轴线/刻度线和网格线以创建“平面”图？

来源

2012-06-04 alex

这里的[如何隐藏Y轴（http://stackoverflow.com/questions/15277405/highchart- show-hide-an-y-axis-without-hiding-the-series） –

113

只需添加

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

于x轴定义。

来源

2012-06-04 08:59:08 dgw

谢谢禁用标签的技巧。 – alex

@dgw这使得x轴是透明的，但它仍然占用数据下的物理空间。有没有办法给它0高度呢？ –

+15

这有点矫枉过正。 HighCharts应该实现一个名为“visible”的简单属性，该属性可以切换轴是否显示。我已经发布了这个[功能请求，你可以在这里投票]（http://highcharts.uservoice.com/forums/55896-general/suggestions/5164818-control-axis-visibility-show-hide-toggle -axes）。 –

对于yAxis您还需要：

gridLineColor: 'transparent',

来源

2013-09-12 12:29:05

你是否还需要将'title.text'设置为'null'？无论如何，HighCharts应该实现一个名为“visible”的简单属性，该属性可以切换轴是否显示。我已经发布了这个[功能请求，你可以在这里投票]（http://highcharts.uservoice.com/forums/55896-general/suggestions/5164818-control-axis-visibility-show-hide-toggle -axes）。 –

如果您还有其他轴需要移除，则将'gridLineColor'设置为'transparent'可能会过早地移除网格线。看[这个例子]（http://jsfiddle.net/39xBU/54/）。 –

这对我来说很关键 - 谢谢！ – iammatthew2

您还可以隐藏网格线的Y轴为：

yAxis:{ 
    gridLineWidth: 0, 
    minorGridLineWidth: 0 
}

来源

2014-01-08 07:17:00

我设法关闭矿井只有

 lineColor: 'transparent', 
     tickLength: 0

来源

2015-01-06 23:30:21 Ben

这很好。谢谢！ –

如果你不想触摸配置对象，你只是隐藏的CSS网格：

.chart-container .highcharts-grid { 
    display: none; 
}

来源

2015-03-05 14:38:42

如果你有比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 
    } 

});

来源

2015-12-02 22:53:56 onetwo12

这是最好的答案 – micapam

这一直运作良好，对我来说：

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

来源

2017-08-16 06:57:32 0365Chris

隐藏轴线和网格线Highcharts

回答

相关问题