Hello,

This has been seen only in IE9. The legend is displayed properly in IE8 and 
Firefox.
The legend is cropped and the y axis labels disappear every now and then. 
When the page is reloaded they appear again. It is inconsistent. It might 
happen 3 times in a row or only 1 out of 5.
 

The code is embedded in a separate tool where the data comes from. It is 
mostly for explanation.


google.load("visualization", "1", {"callback" : drawChart});

  function drawChart() {
      // Create and populate the data table.
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Month');
      data.addColumn('number', 'Long Series Name that will be cropped1');
      data.addColumn('number', 'Long Series Name that will be cropped2');
      data.addColumn('number', 'Long Series Name that will be cropped3');
      data.addColumn('number', 'Long Series Name that will be cropped4');
      data.addColumn('number', 'Long Series Name that will be cropped5');
      var myGeoArray=[];
//===========================================================================
     //There is a loop type structure here 
    //========Start Narrative===================
      myGeoArray.push(["@6",@1,@3,@4,@2,@5]);
      //========End Narrative=====================

//===========================================================================
      
   // Convert from an array data type(javascript type) to DataTable type 
(google visualization type)
         data.addRows(myGeoArray);

         //Formatting and giving options to the chart
         var chartOptions = {
           width: 1120,
           height: 560,
           hAxis: {title: " "},
           vAxis: {title:"FTE", titleTextStyle: {fontName: 'Times New 
Roman', color: '#000000', bold: false, italic: false}, textStyle: {color: 
"#000000", bold: false}, gridlines: {count: 8}},
           seriesType: "bars", 
           isStacked: true,
           series: { 1: {type: "area", color: "#E6781E"}, 2: {type: "area", 
color:"#FEBE10"}, isStacked: true, 4: {type: "line", color: "#870064"}, 
                     0: {color: "#0065B1"}, 3: {color: "#868686"} 
                   },
           allowHtml: true
         };
         var wrap = new google.visualization.ChartWrapper({
             'chartType':'ComboChart',
             'dataTable': data,
             'containerId':'div_combo_chart',
             'options': chartOptions
             }); 
         //Displaying the chart based on the data and the options
         wrap.draw();


Thanks,
George

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to