與Flot進行多條聊天

Question

帶有多條使用flot的圖表的任何示例代碼？

類似於this example。給定的補丁文件不適合我。任何地方我都可以下載多條形圖的最新文件。

更新

我相信海軍報是一個很好的庫，但插件/加載項不可輕易和網站上給出的例子是非常基本的，所以我決定用jqPlot代替

Answer 1

您必須將每個小節視爲自己的數據系列，因此如果看到11個小節，則需要創建11個數據系列。

下面是2個酒吧的示例代碼。

<script id="source" language="javascript" type="text/javascript"> 
$(function() { 

var d1 =[0, 2]; 
var d2 =[1,3]; 

var startData = [ 
    { //first series 
     label:"d1", 
     data: [d1], 
     bars:{ 
      show: true, 
      fill: true, 
      fillColor: "red" 
     } 
    }, 
    { //second series 
     label:"d2", 
     data: [d2], 
     bars:{ 
      show: true, 
      fill: true, 
      fillColor: "blue" 
     } 
    } 
]; 

var option={ 
     series: { 
       bars:{ 
         show: true, 
         fill: true 
       } 
     }, 
     grid: { 
       hoverable: true, 
       clickable: true 
     }, 
     yaxis: { ticks: 5 } 
    }; 

$.plot($("#placeholder"),startData,option ); 

}）;

Answer 2

您是否嘗試過orderBars插件？

您可以下載代碼here

Answer 3

仔細檢查你傳遞在X軸（你的酒吧系列）的值。

對於每個酒吧你不需要一個不同的系列，那會是......過度。

你需要的是不同系列的每個顏色（或者更確切地說，你希望在你的圖表中有不同的渲染設置）。

我意識到你已經開始了，但如果你想發佈給你的問題的代碼，它可能會幫助其他人。 flot網站上的例子非常簡單，所以它可能只是簡單的東西（比如你的X軸值，如果它們沒有定義的話）會讓你失望。

我用在生產系統中海軍報來呈現三種不同的酒吧系列（紅色，黃色和綠色的條），所以它聽起來像是一個非常類似的解決方案，你正在試圖做什麼。

Answer 4

更新的信息：Andión的回答提到了這個庫。 Bars-side-by-side

你可以在這裏下載代碼： http://www.benjaminbuffet.com/public/js/jquery.flot.orderBars.js

結果是：