2015-01-25 2 views
1

JSON 데이터를 가져 와서이를 자바 스크립트에 할당하고 Chart (Chart.js를 사용하여)를 표시합니다.JSON 데이터에 자바 스크립트 변수 값으로 할당

var pieData = [ 
     { 
      value: obj[0].col1, 
      color:"#F7464A", 
      highlight: "#FF5A5E", 
      label: obj[0].name 
     }, 
     { 
      value: 50, 
      color: "#46BFBD", 
      highlight: "#5AD3D1", 
      label: "Green" 
     }, 
     { 
      value: 100, 
      color: "#FDB45C", 
      highlight: "#FFC870", 
      label: "Yellow" 
     } 
     ]; 

내가이 실행

[{"name":"yasiru","col1":"300","col2":"50","col3":"100","col4":"40","col5":"120"}]

. label : obj[0].name은 아무런 문제없이 정확하게 Yasiru 이름을 표시합니다. 그러나 가치는 그렇지 않습니다. 그래서 나는 단지 시도했다 alert(obj[0].col1); 그 다음 내가 필요로하는 300를 보여준다. 내가 뭐 잘못하고있는거야?

여기에서 PHP 코드를 사용하고 있습니다. FYI

$row = mysqli_fetch_array($result); 
    $response = array('name' => $row['username'], 
    'col1' => $row['first'], 
    'col2' => $row['second'], 
    'col3' => $row['third'], 
    'col4' => $row['fourth'], 
    'col5' => $row['five'] 
); 

    $responses[]=$response; 
+1

는 "값"또는 "가치"를 얻을하려고 : 잘 작동합니다 parseInt를 사용하는 한편

? 그들은 서로 다른 속성이 될 것입니다. – TheIronDeveloper

+1

이것은 나를 위해 잘 작동합니다. 'pieData [0] .Value'가 아닌'pieData [0] .value'를 사용하고 있습니까? 자본화 문제. –

+0

@SearchAndResQ 삭제 방법을 모른다. PHP 서버 측에서 검색하고 있습니다. 아파치 코드도 추가하십시오 – chathura

답변

1

obj[0].col1은 문자열, 차트 값이 될 수 있는지 확인하기 위해 문서를 확인해보십시오 문자열로 정의되거나 숫자로만 정의됩니다. 이 경우 숫자 만 받아 들일 수있는 것처럼 보입니다.

value: parseInt(obj[0].col1) 
1

값이 문자열이고 Chart.js에 정수만 필요하므로 코드가 작동하지 않습니다. 대신 다음 JSON 코드를보십시오 : 디버깅 할 때 그런데

[{"name":"yasiru", "col1": 300, "col2": 50, "col3": 100, "col4": 40,"col5": 120}] 

을 대신 alert()의 콘솔을 사용하여 선호 : console.log()

+0

PHP에서 데이터를 가져올 때 ""을 제거하는 방법은 무엇입니까? 내 PHP 코드를 확인하십시오 – chathura

관련 문제