Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.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
Java 如何在chart.js中绘制多条线_Java_Json_Charts_Chart.js - Fatal编程技术网

Java 如何在chart.js中绘制多条线

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(

我使用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("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中获取数据以及如何以多行方式迭代数据。