如何使Flot圖與jQuery一起使用？

我有兩個x和y軸的外部數組，我試圖用它們做一個簡單的圖。我在這裏做錯了什麼？如何使Flot圖與jQuery一起使用？

<div id="graph"></div> 
<script> 
    $(document).ready(function() { 
     var array = [1300, 1400, 1500, 1600, 1700]; 
     var array1 = [1, 3, 5, 6]; 
     var d1 = [array1, array]; 
     $.plot("#graph", [ d1 ]); 
    }); 
</script>

來源

2015-08-18 Veronica

您必須爲圖形div指定一些樣式，因爲它將包含一個畫布元素。
如果您檢查控制檯，你應該有類似的js錯誤：

Uncaught Error: Invalid dimensions for plot, width = 1350, height = 0

分配的高度你的DIV的值應該可以解決問題

<div id="graph" style="height: 400px"></div>

來源

2015-08-18 15:27:15

感謝您的答案，但我的CSS樣式標記在我的HTML。它仍然不起作用。 – Veronica

你的JavaScript控制檯中是否有其他錯誤？你可以在jsfiddle或類似的應用程序上覆制相同的問題嗎？ –

我在控制檯中有錯誤，並且它在jsfiddle中也不起作用。 https://jsfiddle.net/0n2r9vnw/ – Veronica

的海軍報的權利DATAFORMAT是不同的從你的嘗試。您需要一個數據點數組，其中每個數據點都是至少包含兩個值的數組（這些數據是x和y值）。您的數據如下所示：

var d1 = [[1, 1300], [3, 1400], [5, 1500], ...]; 
$.plot("#graph", [ d1 ]);

工作fiddle這裏。有關更多信息，請參見documentation。

來源

2015-08-19 07:33:43 Raidri

好的，謝謝你的答案。 – Veronica

如何使Flot圖與jQuery一起使用？

回答

相關問題