我试图将两个表示图表值和标签的不同列表返回到jsonify然后传递给Javascript函数来绘制图表,但它从未与我合作过。它仅在我为没有标签列表的值返回单个列表时才起作用。
以下是我的Flask脚本:
以下是我的Javascript代码,包含jQuery和AJAX函数:
<script>
var getValues = $.get('/data');
getValues.done(function(values,labels){
var data = {
labels: [
labels.labels
],
series: [
values.values
] };
var options = {
width : 800,
height : 400
}
var myChart = new Chartist.Bar('.ct-chart', data, options);
});
</script>
答案 0 :(得分:0)
您的/data
端点返回您可以在$.get
参数中指定的JSON对象。
$.get('/data', function(response){
var data = {
labels: response.labels,
series: [response.values]
};
var options = {
width : 800,
height : 400
}
var myChart = new Chartist.Bar('.ct-chart', data, options);
}, "json");