我的源代码在下面。它使用chartist.js.创建的图表
<html>
<head>
<link rel="stylesheet" href="chartist.min.css">
</head>
<body>
<h3>Chartist Test</h3>
<br>
<div id="ct-chart5" class="ct-perfect-fourth"></div>
<script src="chartist.min.js"></script>
<script src="jquery-2.1.4.min.js"></script>
<script>
$(document).ready(function(){
var data = {
series: [5, 3, 4]
};
var sum = function(a, b) { return a + b };
new Chartist.Pie('#ct-chart5', data, {
labelInterpolationFnc: function(value) {
return Math.round(value / data.series.reduce(sum) * 100) + '%';
}
});
});
</script>
</body>
</html>
下面的脚本标记中有一个名为data的var。但问题是,它有预定义的值,聊天是由这些静态值创建的。如何将一些动态数据发布到该变量中?假设我们从mysqldb中检索了一些数据。我想知道如何将这些检索数据动态地输入到预定义的变量中。
我认为您谈论的是ajax调用,那么您声明变量全局生成和ajax调用,获取动态数据并更新变量。
var data;
//some code
$.ajax({
url: some_URL,
data: some_data,
dataType: some_datatype
//other options,
success:function(jqXHR){
data=jqXHR;//assuming jqXHR is the dynamic data
}
})