[charts] 축 및 격자 선 숨기기

Program / 글쓴이

내 Highcharts 차트의 축과 격자 선을 완전히 숨기려고합니다. 지금까지 선의 너비를 0으로 설정하려고했지만 작동하지 않았습니다.

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

축선 / 틱 및 격자 선을 전역 적으로 비활성화하여 “일반”플롯을 만들 수 있습니까?

답변

그냥 추가

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

xAxis 정의에.

버전 4.1.9부터 간단히 axis 속성을 사용할 수 있습니다 visible.

xAxis: {
    visible: false,
}

답변

를 들어 yAxis당신은 또한이 필요합니다 :

gridLineColor: 'transparent',

답변

v4.9의 Highcharts보다 큰 버전이 visible: false있는 경우 xAxis및 yAxis설정 에서 사용할 수 있습니다 .

예:

$('#container').highcharts({

    chart: {
        type: 'column'
    },

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

    xAxis: {
        visible: false
    },

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

});

답변

yAxis의 격자 선을 다음과 같이 숨길 수도 있습니다. 

yAxis:{
  gridLineWidth: 0,
  minorGridLineWidth: 0
}

답변

나는 단지 내 것을 끌 수 있었다

       lineColor: 'transparent',
       tickLength: 0

답변

구성 객체를 건드리지 않으려면 CSS로 그리드를 숨 깁니다.

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

답변

이것은 항상 나를 위해 잘 작동했습니다.

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