CanvasJs가 .asp에 줄을 표시하지 않습니다.

Question

사람들 내가 가지고있는 문제는 제가 꺾은 선형 차트의 선과 점을 볼 수 없다는 것입니다. 나는 그 차트를 가로 지르면 데이터 포인트를 볼 수 있기 때문에 차트가 작동하고 있음을 확신합니다. 도와주세요, 고마워요!

이것은이 자바 스크립트입니다.

<script type = "text/javascript" > 
    window.onload = function() { 
     var dataPoints = [{ y: 10 }]; 
     var chart = new CanvasJS.Chart("chartContainer", { 
      backgroundColor: "red", 
      title: { 
       text: "Dynamic Data" 
      }, 
      axisY: { 

      }, 
      data: [{ 
       type: "spline", 
       color: "yellow", 
       dataPoints: dataPoints 
      }] 
     }); 

     chart.render(); 

     var yVal = 15, updateCount = 0; 
     var updateChart = function() { 
      yVal = yVal; 
      updateCount++; 

      dataPoints.push({ 
       y: yVal 
      }); 

      chart.options.title.text = "Update " + updateCount; 
      chart.render(); 
     }; 
     // update chart every second 
     setInterval(function() { updateChart() }, 1000); 
    } 
</script> 

이

그것을 위해 몸이다.

<div id = "chartContainer" style = "height: 300px; width: 100%;" /> 

Answer 1

난 당신이 라이브러리 버전 브라우저처럼 & CanvasJS 더 많은 정보를 공유하는 issue.Can를 재현 할 수없는입니다. 코드 수정을위한 working fiddle입니다.

var dataPoints = [{ y: 10 }]; 
var chart = new CanvasJS.Chart("chartContainer", { 
    backgroundColor: "red", 
    title: { 
     text: "Dynamic Data" 
    }, 
    axisY: { 
    }, 
    data: [{ 
     type: "spline", 
      color: "yellow", 
      dataPoints: dataPoints 
     }] 
    }); 

    chart.render(); 

    var yVal = 15, updateCount = 0; 
    var updateChart = function() { 
     yVal = yVal; 
     updateCount++; 

     dataPoints.push({ 
      y: yVal 
     }); 

     chart.options.title.text = "Update " + updateCount; 
     chart.render(); 
    }; 
    // update chart every second 
    setInterval(function() { updateChart() }, 1000);