Asp.net CanvasJs未在.asp中显示行
伙计们,我的问题是我看不到折线图上的线和点。我非常确定这个图表是有效的,因为当我把鼠标悬停在上面时,我能够看到数据点。请帮忙,谢谢 这是它的JavaScriptAsp.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",
<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);