キャンバスには.aspの行が表示されません

Question

皆私は問題は私が折れ線の線と点を見ることができないということです。私はかなりチャートが動作していることを確信しています。なぜなら、私はそれを横切ってデータポイントを見ることができるからです。助けてください、ありがとう！

これはJavaScriptです。

<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);