AmCharts 주식 차트 : 제거 선택 상자와 비교

나는 post에 사용 된 jsfiddle을 사용하고 있습니다.AmCharts 주식 차트 : 제거 선택 상자와 비교

모든 것이 작동하지만 그림의 빨간색 상자에 표시된대로 "비교 대상 :"레이블 아래의 선택 상자를 제거 할 수있는 방법을 찾을 수 없습니다.

숨기거나 비활성화하는 방법이 있나요?

나는 다음과 같은 dataSetSelector 설정을 시도했지만 이것은 단지 아래의 텍스트 "로 비교"가 아닌 선택 상자 제거 :

/* hide the compare box */ 
.amcharts-compare-div { 
    display: none; 
} 

/* 
    hide all <br> tags after the dropdown, 
    if dataSetSelector position is set to top or bottom, 
    hide the select due to different markup 
*/ 
.amcharts-data-set-select ~ br, .amcharts-data-set-select ~ select { 
    display: none; 
} 

/* add a margin-bottom to space out the dropdown from the from/to text boxes */ 
.amcharts-data-set-select { 
    margin-bottom: 1em; 
}

dataSetSelector: { 
    selectText :"", 
    compareText: "", 
    comboBoxSelectText : "", 
    position: "top" 
}

출처

2016-09-21 ranell

당신은 선택을 비교하여 CSS를 제거 할 수 있습니다 문자열을 삭제하려면 compareText을 dataSetSelector에있는 빈 문자열로 설정해야합니다.

데모 : http://codepen.io/team/amcharts/pen/e6cb53e53222eba93e80cf7e0be98987

현재 AmCharts가 설정 한 클래스 이름에 대한 정보를 찾을 수 있습니다 또한 dataSetSelector의 위치가 설정 될 때 처리하도록 업데이트 http://www.amcharts.com/tutorials/css-class-names/

인해 다른에 "아래", "최고"또는에 마크 업.

출처

2016-09-21 11:36:38 xorspark

감사합니다. 문제는 왼쪽에서 위로 변경했습니다. dataSetSelector : {position : "top"}이 위치에서 작동하지 않습니다. 왜 ? – ranell

흥미 롭습니다. 차트가 위치 위아래에 대해 다른 마크 업을 생성하고있는 것처럼 보입니다. 내 대답의 데모와 CSS를 업데이트했습니다.
태그를 숨기는 규칙에'.amcharts-data-set-select ~ select'를 추가해야합니다. – xorspark

완벽한! 고마워, 작동 :) 나는 추가 질문을했고 사과했다. 차트를 변경하는 동안 다른 작업을 연결할 수 있습니까? (예를 들어 div를 숨 깁니다). 같은 것을 시도했지만 작동하지 않습니다. $ (function() { $ (". amcharts-data-set-select") {function} { \t \t $ ("# div"). hide (200); }); }); 다시 한번 감사드립니다. – ranell

AmCharts 주식 차트 : 제거 선택 상자와 비교

답변

관련 문제