Question

添加了图片：

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);

        }

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>

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.anyone后面的x轴值上的鼠标悬停帮助我解决错误。谢谢.......... .................................................. .................................................. .................................................. ......................................

Answer 1

有两种可能的解决方案：

您可以删除div的中心对齐方式，如下所示：

td class =“style1”valign =“top”align =“left”
或者，您可以保持中心对齐并添加：

td class =“style1”valign =“top”align =“center”style ='display：inline-block'

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

1 个答案: