图表使用 jquery 从跨度中获取数据

flot chart get data from span using jquery

我正在使用 php 创建一个跨度,其中包含浮动图表的一些数据。我想通过使用

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

它从这个跨度中获取数据,但是没有绘制图表。我知道数据是正确的,就好像我从 span 中复制它并直接在 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>

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

您唯一需要做的就是解析跨度

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

这是一个 fiddle,其中包含您的数据(蓝线)的浮动示例

http://jsfiddle.net/kdfk8ej9/