Question

我有两个用于x和y轴的外部数组，我正在尝试用它们制作一个简单的图形。我在这里做错了什么？

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

Answer 1

您必须为图形div指定一些样式，因为它将包含画布元素如果你检查控制台，你应该有一个类似于：

的js错误

未捕捉错误：绘图的尺寸无效，宽度= 1350，高度= 0

为div分配高度值应解决问题

public void clickLight(View view){
    if(view.getId() == R.id.YOURID)  //Replace YOURID with the id of your button.
        view.setAplha(FLOAT_VALUE);  //Replace FLOAT_VALUE with the value that you want to set as aplha.
}

Answer 2

flot的正确数据格式与您尝试的不同。您需要一个数据点数组，其中每个数据点是至少两个值的数组（这些是x和y值）。对于您的数据，这将是这样的：

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

在这里工作fiddle。有关详细信息，请参阅documentation。

如何使Flot Graph与jQuery一起使用？

2 个答案: