2014-01-13 5 views
0

X 축 번호와 사용자 정의 이름에서 사용하고 있습니다. 문제가 마지막 열에 있습니다. 이름이 없습니다.이름이없는 마지막 열, 이유는 무엇입니까?

마지막 열 이름에 날짜 만있는 이유는 무엇입니까? 모든 날짜 유형으로 표시하려면 어떻게해야합니까?

내 샘플, 날짜 : "방글라데시"(8 행) 어디

"X,Y,Z\n" + 
       "1,0,3\n" + 
       "2,2,6\n" + 
       "3,4,8\n" + 
       "4,6,9\n" + 
       "5,8,9\n" + 
       "6,10,8\n" + 
       "7,12,6\n" + 
       "8,14,3\n", 

http://jsfiddle.net/JaM3S/1/

?

답변

1

바닥

레이블 나의 주를 읽고 데이터는 DyGraph 그냥이 나타나지 않도록 차트가 확장되어주십시오. '방글라데시'가 있어야하는 곳 위로 마우스를 가져 가면 전설에 나타납니다.

해결 방법으로 "axLabelFontSize"및 "axisLabelWidth"와 함께 "xRangePad"옵션 (x 축에 패딩 추가)을 사용하여 레이블 표시 여부를 조정할 수 있습니다. (자세한 내용은 http://dygraphs.com/options.html을 참조하십시오.)

하지만 다른 레이블이 보이지 않을 수 있습니다.

또한, 스위치 문에 각각 다른 "정의되지 않은"

default: 
    ret = ""; 
break; 

를 추가해야합니다 시세 레이블로 나타납니다 때 크기의 그래프 스케일. 머리글 레이블에 다른 이름을 지정하고이를 "레이블"옵션으로 옮겼습니다.

g = new Dygraph(document.getElementById("graph"), 
    "1,0,3\n" + 
    "2,2,6\n" + 
    "3,4,8\n" + 
    "4,6,9\n" + 
    "5,8,9\n" + 
    "6,10,8\n" + 
    "7,12,6\n" + 
    "8,14,3\n", 
    { 
     legend: 'always', 
     xRangePad: 20, 
     animatedZooms: true, 
     title: 'dygraphs chart template', 
     axes: { 
       x: { 
        valueFormatter: function(x) { 
         var ret; 
         switch (x){ 
          case 1: 
           ret = 'India';     
           break; 
          case 2: 
           ret = 'US';     
           break; 
          case 3: 
           ret = 'China';     
           break; 
          case 4: 
           ret = 'Pakistan';     
           break; 
          case 5: 
           ret = 'England';     
           break; 
          case 6: 
           ret = 'Australia';     
           break; 
          case 7: 
           ret = 'West Indies';     
           break; 
          case 8: 
           ret = 'Bangladesh';     
          break; 
          default: 
           ret = ""; 
           break; 
         } 
         return ret; 
        }, 
        axisLabelFormatter: function(x) { 
         var ret; 
         switch (x){ 
          case 1: 
           ret = 'India';     
           break; 
          case 2: 
           ret = 'US';     
           break; 
          case 3: 
           ret = 'China';     
           break; 
          case 4: 
           ret = 'Pakistan';     
           break; 
          case 5: 
           ret = 'England';     
           break; 
          case 6: 
           ret = 'Australia';     
           break; 
          case 7: 
           ret = 'West Indies';     
           break; 
          case 8: 
           ret = 'Bangladesh';     
           break;  
          default: 
           ret = ""; 
           break; 
         } 
         return ret; 
        }, 
       }     
     }, 
     labels:["Country", "Score 1", "Score 2"], 
     axisLabelWidth: 50, 
     axisLabelFontSize: 10, 
    } 
); 

그러나 실제로 이것이하려고하는 것에 대한 해결책이라고 생각하지 않습니다. 당신의 목표는 무엇입니까? 데이터가 막대 차트에서 더 잘 표현 될 수 있습니까?

관련 문제