Chartjs對應一個標籤的多個barcharts

我有一個關於Chartjs中的barcharts的問題。Chartjs對應一個標籤的多個barcharts

我想爲每個標籤顯示多個條形圖，但由於某些原因已證明非常困難。

我正在構建一個圖表來顯示重複的數量並設置某人已完成，作爲日期的函數。

所以在X軸上我有日期 - 在Y軸上我有重複的數量。如果該人當天已經完成了3組，那麼它應該在該日期顯示3個小節，其中值（小節的高度）是重複次數。

出於測試目的，我爲每個日期三個日期和幾臺/代表：

"2017-05-25" - Set 1: 7 reps "2017-05-30" - Set 1: 8 reps - Set 2: 9 reps - Set 3: 10 reps "2017-05-31" - Set 1: 3 reps - Set 2: 7 reps - Set 3: 12 reps - Set 4: 8 reps

這是我目前chartData對象。

var chartData = { 
     labels: Object.keys(items.dates), 
     datasets: [{ 
      label: "Reps", 
      backgroundColor: "blue", 
      data: [7] 
     }, { 
      label: "Reps", 
      backgroundColor: "red", 
      data: [8, 9, 10] 
     }, { 
      label: "Reps", 
      backgroundColor: "green", 
      data: [3, 7, 12, 8] 
     }] 
};

日期顯示正確，但我似乎無法得到代表/套正確。我相信我不知怎麼的不得不把他們分組或者別的什麼東西。

所有幫助表示感謝！

UPDATE 發了的jsfiddle： https://jsfiddle.net/ytkqwL9x/1/

正如你可以看到，該套落入壞人之日期 - 第一日：2017年5月25日，有被認爲是隻有1套，但它顯示3（7,8,3）。

來源

2017-05-31 Mathias Lund

當然！現在會做，2秒 –

檢查更新的問題 –

您需要安排您的數據集這樣的data陣列...

var chartData = { 
    labels: Object.keys(items.dates), 
    datasets: [{ 
     label: "Reps", 
     backgroundColor: "blue", 
     data: [7, 8, 3] 
    }, { 
     label: "Reps", 
     backgroundColor: "red", 
     data: [0, 9, 7] 
    }, { 
     label: "Reps", 
     backgroundColor: "green", 
     data: [0, 10, 12] 
    }] 
};

注：如果有一個特定的標籤（日期），那麼你就必須添加沒有數據爲

這裏，0是working example on jsFiddle

來源

2017-05-31 15:57:01

哈哈現在是如此明顯！非常感謝！ :) –

歡迎您:) –

Chartjs對應一個標籤的多個barcharts

回答

相關問題