0๐
I found the answer by determinig which browser is in use.
so,
var isIEBrowser = true;
if ((navigator.userAgent.indexOf("MSIE") != -1) || (!!document.documentMode == true))
{
isIEBrowser = true;
}
else
{
isIEBrowser = false;
}
and where I build my charts
options:
{
responsive: isIEBrowser,
maintainAspectRatio: isIEBrowser,
and ensured the bootstrap columns which are the parent of the Canvas are set with
style='position: relative; height:99%; width:99%;'
- Chartjs-Gradient is too blurred in Chart.js Line Chart
- Chartjs-Chartjs: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'HALF_PI')
0๐
I found the answer by determinig which browser is in use.
if ((navigator.userAgent.indexOf("MSIE") != -1) || (!!document.documentMode == true))
{
isIEBrowser = true;
}
else
{
isIEBrowser = false;
}
so where I build my charts
options:
{
responsive: isIEBrowser,
maintainAspectRatio: true,
- Chartjs-Chart.js data not initially loaded
- Chartjs-How to set a global chart.js tooltip label callback
Source:stackexchange.com