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 google-visualization-api+unsubscr...@googlegroups.com.
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.
For more options, visit https://groups.google.com/d/optout.

Reply via email to