Hi Steve, Could you point to the actual page that shows the problem. With multiple charts on the page, there could be load order issues that make a difference. Also, your example is missing how you load jQuery (assuming you are), and I can't access your data, which could also make a difference.
On Sun, Oct 9, 2016 at 12:35 PM, Steve Dyson <[email protected]> wrote: > Hi, > > Following code is not working in IE 11, works fine in FireFox. > > I am showing multiple charts on the same page. > > > > <style> > div.google-visualization-tooltip > { > font-size: 10px; > border-color: #6e9ff2; > border-radius : 5px; > padding : 5px; > } > </style> > > <script type="text/javascript" src="https://www.gstatic.com/ > charts/loader.js"></script> > <script> > > var chartData; // globar variable for hold chart data > google.charts.load('current', { 'packages': ['corechart'] }); > > $(document).ready(function () { > > $.ajax({ > url: "default.aspx/GetOfficeProfitByMonths", > data: "", > dataType: "json", > type: "POST", > contentType: "application/json; chartset=utf-8", > > success: function (data) { > chartData = data.d; > }, > error: function () { > alert("Error loading data! Please try again."); > } > }).done(function () { > // after complete loading data > google.charts.setOnLoadCallback(drawChart); > drawChart(); > }); > }); > > > function drawChart() { > var options = { > title: "% Last 12 Months Gross Profit", > pointSize: 5, > curveType: 'function', > legend: 'none', > colors: ['#92b7f5'], > backgroundColor: '#EEF', > width: 500, > height: 250, > tooltip: { isHtml: true }, > hAxis: { titleTextStyle: { fontSize: '10'} }, > vAxis: { > //minValue: 0, > //maxValue: 25, > title: '% GP Margin', > titleTextStyle: { italic: false, fontName: 'Calibri', > fontSize: '12', bold: 'false' }, > format: '#\'%\'' > } > }; > > var options2 = { > title: "Gross Profit / Month", > pointSize: 5, > curveType: 'function', > legend: 'none', > colors: ['#92b7f5'], > width: 500, > height: 250, > tooltip: { isHtml: true }, > hAxis: {}, > vAxis: { > title: 'Profit', > titleTextStyle: { italic: false, fontName: 'Calibri', > fontSize: '12', bold: 'false' } > //format: '#\'%\'' > } > }; > > var data = new google.visualization.DataTable(); > data.addColumn('string', 'Month'); > data.addColumn('number', 'GPMargin'); > data.addColumn({ type: 'string', role: 'tooltip', 'p': { 'html': > true } }); > > for (var i = 0; i < chartData.length; i++) { > data.addRow([chartData[i].Month.substring(0, 3) , > chartData[i].GPMargin, chartData[i].ToolTip]); > } > > > var data2 = new google.visualization.DataTable(); > data2.addColumn('string', 'Month'); > data2.addColumn('number', 'Profit'); > data2.addColumn({ type: 'string', role: 'tooltip', 'p': { 'html': > true } }); > > for (var i = 0; i < chartData.length; i++) { > data2.addRow([chartData[i].Month.substring(0, 3), > chartData[i].Profit, chartData[i].ToolTip]); > } > > var ProfitChart = new google.visualization.LineChart(document. > getElementById('chart_Profit')); > ProfitChart.draw(data2, options2); > > var GPChart = new google.visualization.LineChart(document. > getElementById('chart_GP')); > GPChart.draw(data, options); > > > > } > > > > > > </script> > <table> > <tr> > <td><div id="chart_GP" style="border-color: #006699; border-style: > solid; border-width: 1px;"></div></td> > <td><div id="chart_Profit" style="border: 1px solid > #ccc"></div></td> > </tr> > </table> > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to google-visualization-api@ > googlegroups.com. > Visit this group at https://groups.google.com/ > group/google-visualization-api. > To view this discussion on the web visit https://groups.google.com/d/ > msgid/google-visualization-api/747f61f5-2703-4705-9c39- > ac5d9ec222b6%40googlegroups.com > <https://groups.google.com/d/msgid/google-visualization-api/747f61f5-2703-4705-9c39-ac5d9ec222b6%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> [email protected] <[email protected]> 5CC, Cambridge MA -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJNRe_ubz5KC9wjCMu9f_RcnuqZeZXfpjpVJ7Yc153u2%3DQ%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
