2014-09-24 2 views
2

기본적으로 한 달의 특정 요일에 서비스가 위 또는 아래인지를 사용자에게 알려주는 테이블 형식 인 대화 형 차트를 작성하려고합니다. 사용자가 필드를 클릭하면 새 URL이 열리고 해당 상태에 대해 더 알려줍니다.테이블 형식 대화 형 차트 javascript

d3.js 차트를 사용할 생각 이었지만 차트가 없습니다. 이미 사용할 수있는 것이 있습니까? 절대로 테이블 형태로 차트를 찾을 수 없었습니다. 당신은 그리드 중 하나를 사용하여이 작업을 수행 할 수있을 것

enter image description here

+0

[중첩 선택] (http://bost.ocks.org/mike/nest/)에 대한 작업과 비슷합니다. –

+0

테이블은 실제로 차트 시각화가 아닙니다. 당신은 더 나은 그냥 자바 스크립트 자체를 사용하여 수도 있습니다. –

+0

그리드/테이블은 여러 가지 방법으로 데이터를 시각화하는 데 사용됩니다. http://www.datavizcatalogue.com/ Dataviz의 전문가 인 Stephen Few는 테이블이 대부분의 원형 차트보다 효과적이라고 말합니다. http://www.perceptualedge.com/articles/visual_business_intelligence/save_the_pies_for_dessert.pdf – Merrily

답변

2

밖에 위젯. 차트 라이브러리를 사용하려는 경우 ZingChart에 an interactive grid의 예가 있습니다.

징 차트는 모듈 식이므로 코어 및 그리드 모듈이있는 download a custom build을 사용하면 매우 밝게 유지할 수 있습니다. label_click API method을 사용하여 새 창을 열었습니다.

zingchart.label_click=function(p){ 
     if (p.text=="Adobe Ideas"){ 
      window.open("https://itunes.apple.com/us/app/adobe-ideas/id364617858?mt=8"); 
     } 
     if (p.text=="Notability"){ 
      window.open("http://www.gingerlabs.com/"); 
     } 
    }; 

셀을 스타일링 할 때 "플랫"속성이 0으로 설정되어 있는지 확인하십시오.

저는 ZingChart 팀원입니다. 질문이 있으시면 언제든지 연락주세요.