在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#应该使用的浏览器框架)。

在c# . net的浏览器控件中渲染ChartJS图形

您可以看到:Web浏览器控制-指定IE版本或在MSDN页面MSDN库- Internet功能控件