I have this code below that shows me a graph but in IE does not work the exportEnable function and neither animationEnabled in chrome works however when I call the page in modal the screen height is short in chrome and in IE with compatibility mode view settings enabled works the functions but with small window height, in the modal I'm using a bootstrap library and inside the modal I'm calling an iframe that brings the pages with the graphic
canvas js code:
window.onload = function () { var chart = new CanvasJS.Chart ("chartContainer", { // title: { // text: "Failure Overall - WK5", // fontColor: "red" //}, // subtitles: [{ // text: "", // fontColor: "black" //}], colorSet: "greenShades", animationEnabled: true, exportEnabled: true, responsive: true, axisY: { tickThickness: 1, lineThickness: 1, gridThickness: 1 }, axisX: { tickThickness: 1, lineThickness: 1, labelFontSize: 11, interval: 1, labelFontColor: "Peru", labelAngle: -30 }, dataPointWidth: 40, date: [ { type: "column", indexLabelFontFamily: "arial", indexLabelFontColor: "black", // showInLegend: true, // legendText: "Total Failure:", dataPoints: [ ] }, { type: "line", // lineThickness: 4, indexLabelFontFamily: "arial", indexLabelFontColor: "black", // ** Try various lineThickness values ** // dataPoints: [ ] } ] }); chart.render (); }