Java 如何在chart.js中绘制多条线
我使用java向chart.js提供JSON格式的数据, 这里是java代码Java 如何在chart.js中绘制多条线,java,json,charts,chart.js,Java,Json,Charts,Chart.js,我使用java向chart.js提供JSON格式的数据, 这里是java代码 JSONObject json_in = new JSONObject(); json_in.put("subject_name", rs.getString("subjectName")); json_in.put("max_marks", rs.getString("MaxMarks")); json_in.put("obtained_marks", rs.getString(
JSONObject json_in = new JSONObject();
json_in.put("subject_name", rs.getString("subjectName"));
json_in.put("max_marks", rs.getString("MaxMarks"));
json_in.put("obtained_marks", rs.getString("marks"));
json_arr.add(json_in);
这是chart.js
$("#admin_analytic_exam").on("submit", function(event){
event.preventDefault();
$.ajax({
url:"admin_analytic_exam",
method:"POST",
data:$('#admin_analytic_exam').serialize(),
beforeSend:function(){
$('#showload').show();
},
success:function(graph_data){
// alert(data);
$('#showload').hide();
$('#chart_block').show();
var subject_name = [];
var obtained_marks = [];
var max_marks = [];
var keys = Object.keys(graph_data);
for (var i = 0; i < keys.length; i++)
{
var key = keys[i];
subject_name.push(graph_data[i].subject_name);
//console.log(key +" " +subject_name);
obtained_marks.push(graph_data[i].obtained_marks);
max_marks.push(graph_data[i].max_marks);
}
console.log(subject_name);
exit();
for(var i in graph_data){
subject_name.push(graph_data[i].subject_name);
obtained_marks.push(graph_data[i].obtained_marks);
label.push(graph_data[i].label);
}
var ctx = document.getElementById("myChart");
var LineGraph = new Chart(ctx, {
type: 'line',
data: chartdata,
options: {
scales: {
xAxes: [{
scaleLabel: {
display: true,
labelString: 'Subject'
}
}],
yAxes: [{
ticks: {
beginAtZero: true,
//stepSize: 0.5,
//suggestedMin: 0,
suggestedMax: max_marks[0]
}
}]
}
}
});
}
});
});
$(“#管理#分析)考试”)。在(“提交”,函数(事件){
event.preventDefault();
$.ajax({
url:“管理分析考试”,
方法:“张贴”,
数据:$(“#管理"分析"考试”).serialize(),
beforeSend:function(){
$('#showload').show();
},
成功:函数(图形\数据){
//警报(数据);
$('#showload').hide();
$(“#图表_块”).show();
变量主题名称=[];
获得的var_分数=[];
var max_marks=[];
var keys=Object.keys(图形数据);
对于(变量i=0;i
我想动态地画多条线。如何将json格式的数据从数据库中提取到chat.js。线路不止一条
下面是我正在使用的JSON格式
[
{
“pointBackgroundColor”:“rgba(184,1)”,
“背景色”:“rgba(1841841841840.2)”,
“边框颜色”:“rgba(1841841841841)”,
“数据”:“50”,
“受试者姓名”:“CDX”,
“标签”:“测试”,
“类型”:“行”
},
{
“pointBackgroundColor”:“rgba(184,1)”,
“背景色”:“rgba(1841841841840.2)”,
“边框颜色”:“rgba(1841841841841)”,
“数据”:“42”,
“受试者姓名”:“ISM”,
“标签”:“测试”,
“类型”:“行”
},
{
“pointBackgroundColor”:“rgba(184,1)”,
“背景色”:“rgba(1841841841840.2)”,
“边框颜色”:“rgba(1841841841841)”,
“数据”:“23”,
“受试者姓名”:“DSA”,
“标签”:“测试”,
“类型”:“行”
}
只需使用JSON
预定义函数准备给定的JSON
格式,或者您可以通过将其转换为字符串来修改JSON
。
String String=json_obj.toString();
您可以根据需要追加、删除和替换{}[]
,还可以添加双引号\“
。编辑完毕后,请检查JSON
格式是否正确,使用数组。数据={labels:[],数据集:[]};谢谢,如何在js中获取数据以及如何以多行方式迭代数据。