Asp.net CanvasJs未在.asp中显示行

Asp.net CanvasJs未在.asp中显示行,asp.net,canvas,html5-canvas,Asp.net,Canvas,Html5 Canvas,伙计们,我的问题是我看不到折线图上的线和点。我非常确定这个图表是有效的,因为当我把鼠标悬停在上面时,我能够看到数据点。请帮忙,谢谢 这是它的JavaScript <script type = "text/javascript" > window.onload = function () { var dataPoints = [{ y: 10 }]; var chart = new CanvasJS.Chart("chartContainer",

伙计们,我的问题是我看不到折线图上的线和点。我非常确定这个图表是有效的,因为当我把鼠标悬停在上面时,我能够看到数据点。请帮忙,谢谢

这是它的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>

window.onload=函数(){
var数据点=[{y:10}];
var chart=new CanvasJS.chart(“chartContainer”{
背景颜色:“红色”,
标题:{
文本:“动态数据”
},
axisY:{
},
数据:[{
类型:“样条曲线”,
颜色:“黄色”,
数据点:数据点
}]
});
chart.render();
var-yVal=15,updateCount=0;
var updateChart=函数(){
yVal=yVal;
updateCount++;
数据点推送({
y:伊瓦尔
});
chart.options.title.text=“更新”+updateCount;
chart.render();
};
//每秒钟更新一次图表
setInterval(函数(){updateChart()},1000);
}
这是它的主体

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

我无法重现此问题。您能否分享更多详细信息,如browser&CanvasJS库版本。这是一个不需要任何修改的代码示例

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