2014-12-01 1 views
0

표시된 바와 같이 막대 막대에 텍스트를 추가했습니다. here 내 데이터가 업데이트 될 때마다 내 텍스트가 업데이트 될 때마다 이전 텍스트가 그대로 유지됩니다 거기에있다.dimple.js에 추가 된 텍스트를 업데이트하는 방법 데이터 업데이트시 누적 가로 막 대형 차트

새로운 데이터가 도착할 때마다 어떻게 텍스트를 제거 할 수 있습니까?

enter image description here

은 덮어마다 새로운 데이터가로드지고, 텍스트의 어둠을 참조하십시오. http://dimplejs.org/adhoc_viewer.html?id=adhoc_bar_labels 그런

단순히 클래스 새로운 라벨 :

svg.append("text") 
    .attr("class", dimple._createClass(data.yField)) 
    .attr("x", ... 

을 그리고 afterDraw 방법의 시작에 제거 : 다음과 같이

답변

1

당신은 series.afterDraw 방법에 그리기 논리를 이동해야

svg.selectAll("text." + dimple._createClass(data.yField)).remove(); 
+0

은 동일한 작업을 시도했지만 실제로는 한 텍스트 만 남겨두고 모든 텍스트를 제거합니다. 위의 경우와 마찬가지로 7 개의 막대가 있으므로 매번 7 개의 텍스트가 필요하지만 selectAll을 제거하면 새로 추가 된 6 개를 제거 할 수 있으므로 문제가됩니다. –

+0

아, 내 실수. 클래스 이름에 y 값 (막대가 겹쳐져 있으면 계열 값)을 포함하십시오. 딤플에는'dimple._createClass()'라는 메서드가 있습니다.이 메서드를 사용하면 대답을 수정합니다. –

+0

예, 필요한만큼 감사했습니다 :) –

관련 문제