flot chart使用jquery从span获取数据

时间:2015-04-22 18:15:20

标签: javascript php jquery html flot

我使用php创建一个包含flot图表数据的span。我想使用

使用jquery获取此数据
var someVar= $('span#someID').text();

它从这个范围获取数据,但是没有绘制图表。我知道数据是正确的,好像我从跨度中复制它并直接在javascript中将其分配给var,图表立即出现

这里是数据的副本(它像这样存储

<span id="someID">[["19.00","0.04833"],["18.45","0.04717"],["18.35","0.04833"],["18.20","0.04686"],["18.10","0.04718"],["18.00","0.04937"],["17.50","0.04674"],["17.35","0.04804"],["17.20","0.04810"],["17.10","0.04723"],["17.00","0.04989"],["16.45","0.05519"],["16.35","0.08635"],["16.20","0.04742"],["16.10","0.04712"],["16.00","0.04861"],["15.50","0.04607"],["15.40","0.04758"],["15.30","0.04662"],["15.20","0.04768"]]</span>
<script>
$("#flot-dashboard-chart").length && $.plot($("#flot-dashboard-chart"), [
            someVar
        ],
</script>

1 个答案:

答案 0 :(得分:1)

我不知道你的值是否有任何代表,因为我用你的代码进行了一些测试,它给了我几乎一条简单的线。

您唯一需要做的就是解析范围

var flotArray = $.parseJSON($("#someID").text());

这里有一个带有数据的flot示例(蓝线)

http://jsfiddle.net/kdfk8ej9/