隐藏轴和网格线Highcharts

时间:2012-06-04 07:44:27

标签: charts highcharts

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

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

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

7 个答案:

答案 0 :(得分:135)

添加

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

到x轴的定义。

答案 1 :(得分:68)

对于yAxis,您还需要:

gridLineColor: 'transparent',

答案 2 :(得分:25)

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

示例:

$('#container').highcharts({

    chart: {
        type: 'column'
    },

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

    xAxis: {
        visible: false
    },

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

});

答案 3 :(得分:19)

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

yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}

答案 4 :(得分:5)

我设法用

关闭了我的
       lineColor: 'transparent',
       tickLength: 0

答案 5 :(得分:2)

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

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

答案 6 :(得分:0)

这对我来说一直很好:

UIViewController