フォーム内に 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#が使用すべきブラウザフレームであるため、これは疑問です)。