我在表单中有一个 Web 浏览器控件,并且我正在打开 HTML 文档,其中包含带有虚拟数据的ChartJS示例图。我在 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>
我需要在这里添加任何 polyfills 吗?(我怀疑 IE10 是 C# 应该使用的浏览器框架)。