Chartist动态输入

时间:2016-01-12 05:32:47

标签: javascript jquery chartist.js

我正在建立一个网站,用户可以上传将显示为图表的数据

HTML:<div id="data"></div>

test1.php输出:,-0.05,-0.07,-0.07,-0.07,0.14,0.14,0.09,0.07,0.07,0.07,0.07,0.65,0.63,0.63,0.63,0.63,0.63,0.58,0.56,0.56,0.56,0.56,0.84,0.79,0.77,0.77

js / jquery:

$(document).ready(function(){

    $("#data").load("test1.php");
    var data = $("#data").text().split(",").slice(1);

    new Chartist.Line(".ct-chart", {

        labels: [data],
        series:[ data ]
        }, {
        fullWidth: true,
        height: 650,
        chartPadding: {
        right: 0
     }

   }); 

});

图表没有显示,我收到错误

  

未捕获错误:优化时超出最大迭代次数   缩放步骤

但是,如果我在控制台中键入$("#data").text().split(",").slice(1)并将输出粘贴到标签和系列中,那么它可以正常工作,如果您将数据设为普通数组并且无法从页面获取数据

1 个答案:

答案 0 :(得分:1)

我假设您使用>> someDict = {'class':'emacs','name':'python.py'} >> def filterDicts(dict_list, **kwargs): for item in dict_list: if all(item[k] == v for k, v in kwargs.items()): yield item >>filterDicts(someDict,class="emacs") File "<stdin>", line 1 filterDicts(someDict,class="eamcs") ^ SyntaxError: invalid syntax 函数运行xhr请求。 XHR请求通常是异步的(google是首字母缩写词AJAX的定义) - 因此您尝试输入的数据在您需要时不存在。在完成所有http请求之后,它才会从php页面返回 - 这很可能是在$.load函数被触发后。

请查看此处的文档:http://api.jquery.com/load/

如果您尝试这样的事情(未经测试):

Charlist.new()

编辑:好的,我更新了一些代码。正如我所说,这是未经测试的。但这应该引导你朝着正确的方向前进。现在就试试。如果它不起作用100%做一些测试和调试,也许你会学到一些东西..