Canvasjs 라이브러리, dataPoints

Question

dataPoints를 추가하면 코드가 있습니다. [{x : 50, y : 280}, {x : 60, y : 507}] 작동합니다.

아래의 코드에서 [{x : 50, y : 280}, {x : 60, y : 507}]은 변수 rss에 있지만 작동하지 않습니다.

<script type="text/javascript"> 
     window.onload = function() { 

     var year = ('<?php echo $rs; ?>'); 

     var jsontoarray = JSON.parse(year); 

     var props = Object.keys(jsontoarray); 
     var rss = "["; 
     for (var i = 0; i < props.length; i++) { 
      rss += "{ x: " + props[i] + ", y: " + jsontoarray[props[i]] + "},"; 
     } 

     rss = rss.substr(0, rss.length - 1); //bỏ dấu , cuối cùng 
     rss += "]"; 

      var chart = new CanvasJS.Chart("chartContainer", { 
      title: { 
       text: "Column Chart with Index Label and Data Point Width" 
      }, 
      axisX: { 
       interval: 10 
      }, 
      dataPointWidth: 60, 
      data: [{ 
       type: "column", 
       indexLabelLineThickness: 2, 
       dataPoints: rss 
      }] 
      }); 
     chart.render(); 
     } 
    </script> 

    <div id="chartContainer" style="height: 400px; width: 95%; margin: auto;"></div> 

Answer 1

rss가 문자열이 아닌 배열로 표시되기 때문에 작동하지 않습니다. 다음과 같이해야합니다 :

var rss = []; 
for (var i = 0; i < props.length; i++) { 
    rss.push({ 
     x: props[i], 
     y: jsontoarray[props[i]] 
    }); 
}