2013-04-30 3 views
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 
    }, 

}); 
}); 

답변

0

난 당신이 한 달 데이터로 문자열을 전달할 수 있다고 생각하지 않습니다. 당신이 달 사용하려는 경우 FLOT API를 보라 - https://github.com/flot/flot/blob/master/API.md

이 바이올린뿐만 아니라 당신을 도울 수 - http://jsfiddle.net/jSQ2Y/3/

var m1 = { 
data : [[1356998400000,14.72]],  
bars: { barWidth: 60*60*24*31*1000 } 
}; 

var m2 = { 
data : [[1359676800000,30.74]], 
bars: { barWidth: 60*60*24*1000 *28 } 
}; 

var m3 = { 
data : [[1362096000000,18.57]], 
bars: { barWidth: 60*60*24*31*1000 } 
}; 
+0

가 나는 등의 사용자 정의 문자열을 표시해야합니다 values.but를 기반으로 시간에 적합했다 x 축은 도시 이름과 비슷합니다. 그리고 나는 하나의 도시에 여러 개의 막대를 표시해야합니다. – kishore

+0

이 코드는 괜찮습니다. 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

+0

나를 다시 해 주셔서 감사합니다. – kishore

관련 문제