HighCharts-포인트를 끄려면 어떻게해야합니까?


83

HighCharts를 사용하고 있습니다. 다음 은 문서입니다. 나는 그 포인트를 끄고 싶지만 처음에는 그것이 어떻게 호출되는지 모르겠습니다. 따라서 나는 그들을 끌 수 없습니다. 내가 어떻게 그 포인트를 죽일 수 있는지 알아?

나는 그 포인트를 바꾸고 싶다

답변:


132

다음은 선 차트가있는 예입니다. http://jsfiddle.net/aeZ6P/1/

중요한 부분:

plotOptions: {
    line: {
        marker: {
            enabled: false
        }
    }
}

참조 : https://api.highcharts.com/highcharts/plotOptions.line.marker.enabled

스플라인과 동일한 효과 : http://jsfiddle.net/aeZ6P/


2
호버 마커를 끄는 방법이 있습니까? hover 시도 : {enabled : false}} 운이 없음 : jsfiddle.net/aeZ6P/36
igrek

5
@igrek-이렇게? jsfiddle.net/aeZ6P/37 내가 추가 한 코드는states: { hover: { enabled: false } }
팀 메 도라

선을 끄고 마커 만 유지하는 방법이 있습니까? 이 질문과 정반대일까요?
disp_name

1
@RajatAgarwal-줄을 비활성화하는 적절한 방법을 찾을 수 없었지만 너비를 0px로 설정하여 줄을 숨길 수있었습니다 : jsfiddle.net/aeZ6P/257
Tim Medora

84

Highcharts에는 마커를 비활성화하는 세 가지 방법이 있습니다.

1) 유형별 모든 시리즈에 대해 비활성화 :

plotOptions: {
    line: { /* or spline, area, series, areaspline etc.*/
        marker: {
           enabled: false
        }
    }
}

2) 특정 시리즈에 대해 비활성화 :

series: [{
    data: [14,17,21],
    marker: {
       enabled: false
    }
}]

3) 특정 지점에 대한 마커 비활성화 :

series: [{
    data: [{
        y: 14,
        marker: {
            enabled: false
        }
    },{
        y: 17
    },{
        y: 21
    }]
}]

그리고 각 데이터 시리즈의 선 위에 마우스를 올려 놓을 때 그림을 비활성화하는 방법은 무엇입니까?
Piotr


1
@ PawełFus 감사합니다. plotOptions.series.states.hover공장. 이 게시물을 보니 다행입니다.
Juniuz 2017 년

12

HighCharts API 참조에서 다음을 살펴보십시오.

http://api.highcharts.com/highcharts#plotOptions.series.marker.enabled

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-enabled/

추가해야하는 옵션은 다음과 같습니다.

    plotOptions: {
        series: {
            marker: {
                enabled: false
            }
        }
    },

이 방법은 포인트 마커가있는 모든 차트에서 작동하므로 좋습니다. 특정 차트 유형을 원하면 다음을 확인하십시오.

    plotOptions: {
        line: { // <--- Chart type here, check the API reference first!
            marker: {
                enabled: false
            }
        }
    },

즐겨!


미안하지만 호버에서 작동하지 않습니다. 호버시에는 항상 마커가 있습니다
Emiliano
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.