在c# . net的浏览器控件中渲染ChartJS图形
本文关键字:ChartJS 图形 控件 net 浏览器 | 更新日期: 2023-09-27 18:07:46
我在一个表单内有一个Web浏览器控件,我正在打开包含ChartJS样本图与虚拟数据的HTML文档。我在Windows 8上,因此使用的浏览器控件是IE10。此外,ChartJS使用Canvas呈现图表,因此在IE中应该不会有问题。
现在,如果我在Chrome或IE中打开文档,它可以正常工作。但是在浏览器控制的表单中打开它不会渲染图表,我得到脚本错误说Object doesn't support property or method 'getContext'
。以下是实际的标记,我已经与所需的JS一起呈现图表。
<canvas id="chart" width="800" height="400" style="margin: auto;"></canvas>
<script type="text/javascript" src="chart.min.js"></script>
<script type="text/javascript">
var canvasObj = document.getElementById("chart").getContext("2d");
var data = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
{
strokeColor : "#5A90B3",
pointColor : "#175177",
pointStrokeColor : "#fff",
data : [65,59,90,81,56,55,40]
},
{
strokeColor : "#B55B5B",
pointColor : "#7C2929",
pointStrokeColor : "#fff",
data : [28,48,40,19,96,27,100]
},
{
strokeColor : "#529F54",
pointColor : "#285F2A",
pointStrokeColor : "#fff",
data : [6,75,87,67,44,30,23]
}
]
};
var lineChart = new Chart(canvasObj).Line(data, {
datasetFill: false,
bezierCurve : true
});
</script>
我需要在这里添加任何填充吗?(我怀疑IE10是c#应该使用的浏览器框架)。
您可以看到:Web浏览器控制-指定IE版本或在MSDN页面MSDN库- Internet功能控件