dc.js 및 d3-tip이있는 Gridster 그리드가 작동하지 않습니다.

dc 차트에 사용자 정의 툴팁을 넣으려고했는데 차트 컨테이너가 그리드 스터 그리드입니다.dc.js 및 d3-tip이있는 Gridster 그리드가 작동하지 않습니다.

D3 팁 니핏

var pieTip = d3.tip() 
     .attr("class", "d3-tip") 
     .offset([-10, 0]) 
     .html(function(d) { 
     return "<span style='color: #f0027f'>" + d.data.key + "</span> : " + numberFormat(d.value); 
     });

이 코드는 렌더링된다.

.renderlet(function(chart) { 
       chart.select("svg").call(barTip) 
        .selectAll(".bar") 
        .on("mouseover", barTip.show) 
        .on("mouseout", barTip.hide);

나는 작동하지 못했습니다. 모든 포인터를 부탁드립니다. 감사합니다.

출처

2016-06-09 Rohit Garg

답변을 찾았습니다. 문제는 모달 또는 div 안에 차트를 넣을 때 팁의 z- 인덱스입니다.

출처

2016-06-10 18:06:07

아 멋지다. 응답 주셔서 감사합니다 - 나는 당신의 코드에 아무런 이상이 없지만'z-index'는 명심해야 할 좋은 것입니다. – Gordon

작업 코드의 예를 게시 할 수 있습니까? – Mugshep

방금 모델의 CSS에 규칙을 추가했습니다. .model { z-index : 10001; } –

답변

관련 문제