모리스 차트를 오류없이 작동시키지 못합니다.

저는 검색 및 검색하고 읽고 읽고 시도하고 시도했습니다. 이 기능을 구현하면 나를 망쳐 놓기 때문에 뭔가 빠져 있어야합니다. 따라서 나는 몇 가지 제안을 구하기 위해 게시하고 있습니다. 모리스 차트가 더 이상 지원되지 않지만 내게 할당 된 것은 내가 최선을 다하고 있음을 깨닫습니다. 여기모리스 차트를 오류없이 작동시키지 못합니다.

morris-0.5.1.min.js:6 Uncaught TypeError: Cannot read property 'length' of undefined 
    at d.<anonymous> (morris-0.5.1.min.js:6) 
    at d.<anonymous> (morris-0.5.1.min.js:6) 
    at d.b.Grid.d.setData (morris-0.5.1.min.js:6) 
    at d [as constructor] (morris-0.5.1.min.js:6) 
    at d.c [as constructor] (morris-0.5.1.min.js:6) 
    at new d (morris-0.5.1.min.js:6) 
    at Object.d [as Area] (morris-0.5.1.min.js:6) 
    at HTMLDocument.<anonymous> (proc-totals-chartX.php:194) 
    at j (jquery-2.1.1.js:2) 
    at Object.fireWith [as resolveWith] (jquery-2.1.1.js:2)

그리고 내 기능입니다 :

$(document).ready(function() { 
    Morris.Area({ 
     element: 'ChartArea', 
     data: [ 
      { y: '2017/01', ortiz: 155, curiel: 32, covarrubias: 20, castillo: 3 }, 
      { y: '2017/02', ortiz: 130, curiel: 25, covarrubias: 20, castillo: 6 }, 
      { y: '2017/03', ortiz: 186, curiel: 44, covarrubias: 61, castillo: 4 }, 
      { y: '2017/04', ortiz: 165, curiel: 29, covarrubias: 60, castillo: 5 }, 
      { y: '2017/05', ortiz: 182, curiel: 11, covarrubias: 40, castillo: 8, montalvo: 12 }, 
      { y: '2017/06', ortiz: 198, curiel: 9, covarrubias: 58, castillo: 13, montalvo: 18 } 
     ], 
     xkey: ['y'], 
     ykey: ['ortize','curiel','covarrubias','castillo','montalvo'], 
     labels: ['Ortiz', 'Curiel', 'Covarrubias', 'Castillo', 'Montalvo'] 
    }); 
});

내가 각각의 모든 설명을 조회하려고했습니다 다음은 오류입니다. 나는 아직도 대답이 없다. 그래서 모든 포인터, 제안, 해상도 크게 주시면 감사하겠습니다. 감사합니다.

출처

2017-09-17 bobmct

을 복수형 - yKeys으로 설정하십시오.

JS Bin Example

작동

귀하의 코드

Morris.Area({ 
 
    element: 'area-example', 
 
    data: [ 
 
     { y: '2017/01', ortiz: 155, curiel: 32, covarrubias: 20, castillo: 3 }, 
 
     { y: '2017/02', ortiz: 130, curiel: 25, covarrubias: 20, castillo: 6 }, 
 
     { y: '2017/03', ortiz: 186, curiel: 44, covarrubias: 61, castillo: 4 }, 
 
     { y: '2017/04', ortiz: 165, curiel: 29, covarrubias: 60, castillo: 5 }, 
 
     { y: '2017/05', ortiz: 182, curiel: 11, covarrubias: 40, castillo: 8, montalvo: 12 }, 
 
     { y: '2017/06', ortiz: 198, curiel: 9, covarrubias: 58, castillo: 13, montalvo: 18 } 
 
    ], 
 
    xkey: 'y', 
 
    ykeys: ['ortize','curiel','covarrubias','castillo','montalvo'], 
 
    labels: ['Ortiz', 'Curiel', 'Covarrubias', 'Castillo', 'Montalvo'] 
 
});

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css"> 
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script> 
 
</head> 
 
<body> 
 
    <div id="area-example" style="height: 250px;"></div> 
 
</body> 
 
</html>

출처

2017-09-17 18:30:56

모리스 차트를 오류없이 작동시키지 못합니다.

답변

관련 문제