바닥
레이블 나의 주를 읽고 데이터는 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,
}
);
그러나 실제로 이것이하려고하는 것에 대한 해결책이라고 생각하지 않습니다. 당신의 목표는 무엇입니까? 데이터가 막대 차트에서 더 잘 표현 될 수 있습니까?