C# 谷歌图表鼠标悬停在div后面的x轴值上

新增图像：

http://i.stack.imgur.com/wC0X2.png

aspx代码：

 {

            DataTable dt = new DataTable();
            DataTable dt1 = new DataTable();
            dt = data1;

            // ScriptManager scriptManager = ScriptManager.GetCurrent(Control);
            List<DataItem> dataList = new List<DataItem>();
            dataList.Clear();

            for (int i = 0; i < dt.Rows.Count; i++)
            {

                float F1 = float.Parse(dt.Rows[i].ItemArray[4].ToString(), CultureInfo.InvariantCulture.NumberFormat);
                float S1 = float.Parse(dt.Rows[i].ItemArray[5].ToString(), CultureInfo.InvariantCulture.NumberFormat);
                dataList.Add(new DataItem(dt.Rows[i].ItemArray[0].ToString(), F1 / 100, S1 / 100));
            }
            JavaScriptSerializer jss = new JavaScriptSerializer();

            ScriptManager.RegisterStartupScript(Page, this.GetType(), "BodyOnLoadScript11122",
            string.Format("<script type=\"text/javascript\">drawVisualization2({0},{1},{2});</script>", jss.Serialize(dataList),850,800), false);
            jss.Serialize(dataList);

        }

{
DataTable dt=新的DataTable（）；
DataTable dt1=新DataTable（）；
dt=数据1；
//ScriptManager ScriptManager=ScriptManager.GetCurrent（控件）；
List dataList=新列表（）；
dataList.Clear（）；
对于（int i=0；i

java脚本代码：

    function drawVisualization2(dataValues,val1,val2) {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Column Name');
        data.addColumn('number', 'Class Average');
        data.addColumn('number', 'Child Score');

        for (var i = 0; i < dataValues.length; i++) {
            data.addRow([dataValues[i].ColumnName, dataValues[i].Value1, dataValues[i].Value2]);
        }

        var options = {
            title: 'Competency Performance',
            width: val2,
            height: val1,
            hAxis: { title: 'Competency', titleTextStyle: { color: 'red', fontSize: 15 }, format: '###.#%', textStyle: { fontSize: 12 }
            },
            bar: { groupWidth: "25%" },
            vAxis: { textStyle: { fontSize: 12 }
            }
        };


        var formatter = new google.visualization.NumberFormat({ pattern: '###.#%' });
        formatter.format(data, 1);
        formatter.format(data, 2);


        new google.visualization.BarChart(document.getElementById('visualization2')).
            draw(data, options);
    }


</script>

函数drawVisualization2（数据值，val1，val2）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Column Name'）；
data.addColumn（'number'，'Class Average'）；
data.addColumn（'number'，'Child Score'）；
对于（var i=0；i

Html代码：

 <tr>
                <td class="style1" valign="top" align="center">
                    <div style="overflow:auto; width: 815px; height: 415px;" >
                    <div id="visualization2" style=" background-color:#E7E6E6;"></div>
                    </div>
                </td>

            </tr>

---

这是完整的代码。我找不到问题。谷歌图表鼠标悬停在div后面的x轴值上。有人帮我解决错误吗？谢谢有两种可能的解决方案：

可以按如下方式删除div的中心对齐： td class=“style1”valign=“top”align=“left”

或者，可以按住中心对齐并添加以下内容： td class=“style1”valign=“top”align=“center”style='display:inline块'

---

您是否有任何CSS可能会影响图表或其DOM中的任何父元素？没有。我无法使用任何CSS样式。嗯……这种问题通常是由CSS中的某些内容干扰图表的布局引起的。您正在加载哪个版本的API？google.load（'visualization'，'1.1'，{packages:['corechart']}）；