JQ的chart.js使用笔记

来源：互联网发布：如何评价裸儿知乎编辑：程序博客网时间：2024/05/22 13:43

引入bootstrap相关js，css后再引入chart.js。

js代码

<script>    var datas = {            labels : ["June","July","August","September","October"],            datasets : [                {                    fillColor : "rgba(220,220,220,0.5)",                    strokeColor : "rgba(220,220,220,1)",                    pointColor : "rgba(220,220,220,1)",                    pointStrokeColor : "#fff",                    data : []                },            ]        };$.ajax( {        type : 'POST',       dataType : 'json', // json对象        url : 'dingdan!tongji.action',        data : null,        success : function(response, status, xhr) {            $.each(response,function(index, value) {                             datas.datasets[0].data[index]=value;//给data传值                             //alert(datas.datasets[0].data);                              myar[index]=value;                            })        // alert(datas.datasets[0].data);        var ctx = document.getElementById("bar").getContext("2d");        var myNewChart = new Chart(ctx).Line(datas);    //与数据绑定。            },        error : function() {            alert("加载失败");        }    })    </script>

0 0