使用x軸字符串與Flot進行多重聊天

Question

我正在使用float圖表。我遇到了multiplebar圖表的問題。當我試圖讓x軸爲「string」時，它只顯示單條。我需要在窗體中顯示x軸刻度，以便像城市名稱一樣刺痛。如何使用X-axis作爲字符串來獲取多個酒吧？

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 
    }, 

}); 
}); 

Answer 1

我不認爲你可以傳遞字符串作爲月份數據。如果你想使用幾個月看看在海軍報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 } 
};