CanvasJs не отображает строку в .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

Я не могу воспроизвести issue.Can вы разделяете больше деталей, как браузер & CanvasJS версии библиотеки. Вот код 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);