0
float
차트를 사용 중입니다. multiplebar
차트에서 문제가 발생했습니다. 내가 "string
"으로 x 축을 얻으려고 할 때 단 하나의 막대 만 보여줍니다. 나는 도시 이름처럼 찌르기 위해 형태로 x 축 틱을 보여줄 필요가있다 .X 축을 여러 줄로 묶을 수있는 방법은 무엇인가?x 축 문자열이있는 Flot으로 다중 막대 채팅
my code:
$(function() {
var previousPoint;
var d1 = [ ["January", 10], ["February", 8], ["March", 4], ["April", 13], ["May", 17], ["June", 9] ];
var d2 = [ ["January", 5], ["February", 2], ["March", 11], ["April", 2], ["May", 5], ["June", 12] ];
var d3 = [ ["January", 11], ["February", 12], ["March", 6], ["April",8], ["May", 11], ["June",16] ];
var ds = new Array();
ds.push({
data:d1,
bars: {
show: true,
barWidth: 0.2,
order: 1,
lineWidth : 2
}
});
ds.push({
data:d2,
bars: {
show: true,
barWidth: 0.2,
order: 2
}
});
ds.push({
data:d3,
bars: {
show: true,
barWidth: 0.2,
order: 3
}
});
//tooltip function
function showTooltip(x, y, contents, areAbsoluteXY) {
var rootElt = 'body';
$('<div id="tooltip" class="tooltip-with-bg">' + contents + '</div>').css({
position: 'absolute',
display: 'none',
'z-index':'1010',
top: y,
left: x
}).prependTo(rootElt).show();
}
//Display graph
$.plot($("#placeholder"), ds, {
xaxis: { mode: "categories",
tickLength: 0
} ,
grid:{
hoverable:true
},
});
});
가 나는 등의 사용자 정의 문자열을 표시해야합니다 values.but를 기반으로 시간에 적합했다 x 축은 도시 이름과 비슷합니다. 그리고 나는 하나의 도시에 여러 개의 막대를 표시해야합니다. – kishore
이 코드는 괜찮습니다. var d1 = [[1, 10], [2, 8], [3, 4], [4,13], [5,17], [6,9]]; var d2 = [[1, 5], [2, 2], [3,11], [4,2], [6, 12]]; var d3 = [[1,11], [2, 12], [3,6], [4,8], [5,11], [6,16]]; var d4 = [[1, 2], [2, 8], [3,11], [4,15], [5,7], [6,10]]; 및 xaxis : {012, 1, "hyd", 2, "vsp" , [6, "mumbai"]], }, – kishore
나를 다시 해 주셔서 감사합니다. – kishore