범례에서 항목을 클릭 할 때 ZingChart에서 막대가 사라지는 것을 해제하는 방법

범례의 ZingChart의 기본 기능은 범례에서 해당 항목 값과 관련된 모든 막대 시리즈를 숨기는 것입니다.범례에서 항목을 클릭 할 때 ZingChart에서 막대가 사라지는 것을 해제하는 방법

서버에서 그래프 용 데이터를 가져 오는 동안 드릴 다운 작업을 수행하면서 범례 항목을 클릭하고 새 차트를 그려 봅니다. 이제는 범례 항목을 클릭하는 동안 해당 막대가 사라지는 것을 원하지 않으며 sametime에서 범례를 선택할 때 onclick 이벤트를 수행하려고합니다.

전설에 "toggle-action":"disabled"을 추가하면 바가 사라지는 현상이 일어나지 않으므로 onclick 이벤트도 발생합니다.

zingchart.bind("hbarChart", "legend_item_click", function (p) { 

    var data= p.xdata.band[0]; 
    getData(data); 
});

출처

2016-11-09 user5210703

내가 방금 none에 toggleAction:disabled을 변경할 필요가 있다고 생각 : 다음

는

내가 쓴 범례 항목 클릭 기능입니다.

var myConfig = { 
 
    \t type: 'bar', 
 
    \t legend: { 
 
    \t toggleAction:'none' 
 
    \t }, 
 
\t series: [ 
 
\t \t { 
 
\t \t \t values: [35,42,67,89] 
 
\t \t }, 
 
\t \t { 
 
\t \t \t values: [25,34,67,85] 
 
\t \t } 
 
\t ] 
 
}; 
 

 
function legendClickHandler(){ 
 
    console.log('test worked!'); 
 
} 
 

 
zingchart.bind('myChart', 'legend_item_click', legendClickHandler); 
 
zingchart.bind('myChart', 'legend_marker_click', legendClickHandler); 
 

 
zingchart.render({ 
 
\t id: 'myChart', 
 
\t data: myConfig, 
 
\t height: '100%', 
 
\t width: '100%' 
 
});

html, body { 
 
\t height:100%; 
 
\t width:100%; 
 
\t margin:0; 
 
\t padding:0; 
 
} 
 
#myChart { 
 
\t height:100%; 
 
\t width:100%; 
 
\t min-height:150px; 
 
}

<!DOCTYPE html> 
 
<html> 
 
\t <head> 
 
\t <!--Assets will be injected here on compile. Use the assets button above--> 
 
\t \t <script src= "https://cdn.zingchart.com/zingchart.min.js"></script> 
 
\t </head> 
 
\t <body> 
 
\t \t <div id="myChart"></div> 
 
\t </body> 
 
</html>

출처

2016-11-10 18:02:26 nardecky

감사합니다, 나는 각각의 시리즈는 higlighted해야 전설의 항목 위에 마우스를 가져 가면, 즉 나타나는 호버 기능을 만들 수있는 방법은 (이 기능은 기본 기능입니다.가하지만 도착 'action-toggle'을 'disabled'또는 'none'중 하나로 지정할 때 비활성화 됨 – user5210703

[legend guide] (https://www.zingchart.com/docs/tutorials/chart-elements/interactive-chart-library/)를 볼 수 있습니다. legend /) 및 [legend docs] (https://www.zingchart.com/docs/api/json-configuration/graphset/legend/) 속성'highlightPlot : true'가 트릭을 수행합니다. – nardecky

범례에서 항목을 클릭 할 때 ZingChart에서 막대가 사라지는 것을 해제하는 방법

답변

관련 문제