Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将数据加载到javascript中?_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

如何将数据加载到javascript中?

如何将数据加载到javascript中?,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我有以下Javascript/jquery代码。如何将数据值设置到图形中 Javascript: $('#graphmodal').on('show.bs.modal', function (event) { var a = $(event.relatedTarget); var data_int = a.data('data_int'); var modal2 = $(this); var ctx = document.getElementById('c

我有以下Javascript/jquery代码。如何将数据值设置到图形中

Javascript:

$('#graphmodal').on('show.bs.modal', function (event) {
    var a = $(event.relatedTarget); 

    var data_int = a.data('data_int'); 
    var modal2 = $(this);

    var ctx = document.getElementById('chartBartest').getContext('2d');
    new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ['Jul', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
            datasets: [{
                data: [data_int]
            }]
    });
})
HTML:


将字符串转换为数组,并将其用于以下数据:

$('#graphmodal').on('show.bs.modal', function (event) {
    var a = $(event.relatedTarget); 

    var data_int = a.data('data_int').split(","); 
    var modal2 = $(this);

    var ctx = document.getElementById('chartBartest').getContext('2d');
    new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ['Jul', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
            datasets: [{
                data: data_int
            }]
    });
})

希望对您有所帮助。

您的
新图表中似乎缺少一个花括号
,数据对象未关闭。这是复制粘贴错误吗?
$('#graphmodal').on('show.bs.modal', function (event) {
    var a = $(event.relatedTarget); 

    var data_int = a.data('data_int').split(","); 
    var modal2 = $(this);

    var ctx = document.getElementById('chartBartest').getContext('2d');
    new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ['Jul', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
            datasets: [{
                data: data_int
            }]
    });
})