루프 내가 배열 개체를

Question

canvasjs에서 라인 차트를 만들 :

total = 
    [ 
    { 
     date: 5/12/2017, 
     count: 5, 
     type: A 
    }, 
    { 
     date: 5/15/2017, 
     count: 15, 
     type: A 
    }, 
    { 
     date: 5/12/2017, 
     count: 4, 
     type: B 
    }, 
    { 
     date: 5/15/2017, 
     count: 5, 
     type: C 
    }.. 
    ] 

내가, 각 라인은 각 유형을 제시하는 방법 CanvasJS를 사용하여 선형 차트에서 루프를에 궁금가, x 축이 날짜를 소개하고

 var chart = new CanvasJS.Chart("chartContainer", 
     { 
      title: { 
       text: "My Counts" 
      }, 
      axisX: { 
       title: "Date", 
      }, 
      axisY: { 
       title: "Count" 
      }, 
      data: [] 
      }); 

Answer 1

당신은 나중에 요에서 사용하기 위해 다른 변수에 배열 및 저장, 데이터 포인트 상에 루프를 실행할 수 있습니다 : y 축 선물은

여기

내가 지금까지 무엇을 가지고 계산 UR 차트.

var dps1 = []; 
var dps2 = []; 
var dps3 = []; 

for(var i = 0; i < total.length; i++) { 
    if(total[i].type === "A") { 
     dps1.push({x: new Date(total[i].date), y: total[i].count}); 
    } else if(total[i].type === "B") { 
     dps2.push({x: new Date(total[i].date), y: total[i].count}); 
    } else if(total[i].type === "C") { 
     dps3.push({x: new Date(total[i].date), y: total[i].count}); 
    } 
} 

데이터 포인트를 저장 한 후에는 차트에 사용해야합니다.

data: [{ 
    type: "line", 
    dataPoints: dps1 
}, { 
    type: "line", 
    dataPoints: dps2 
}, { 
    type: "line", 
    dataPoints: dps3 
}]