Javascript 将图表放在页面中央

有人知道如何将图表定位在页面的中心吗？此时图表始终显示在页面的左侧。我的图表是在选项卡面板中动态创建的，我希望我的图表位于页面的中心

这是我的代码：

//Aspx file
 <div>
             <asp:scriptmanager ID="ScriptManager1" runat="server">
            </asp:scriptmanager>
        </div>
        <asp:updatepanel ID="UpdatePanel1" runat="server" ScrollBars="Horizontal">
            <contenttemplate>
        <asp:placeholder ID="PlaceHolder1" runat="server"></asp:placeholder>

            </contenttemplate>
        </asp:updatepanel>

//Cs file
AjaxControlToolkit.TabContainer container = new AjaxControlToolkit.TabContainer();
            container.ID = "TabContainer";
            container.EnableViewState = false;
            container.Tabs.Clear();

foreach (ListItem item in SelectionListBox.Items)
        {
            if (item.Selected)
            {
                Label tabContent = new Label();
                tabContent.ID = "lbl_tab_";
                tabContent.Text += item.Value;

Chart Chart1 = new Chart();
                        Chart1.DataSource = dt;
                        Chart1.Width = 715;
                        Chart1.Height = 450;

                        Chart1.Series.Add(new Series());
                        Chart1.Series[0].ChartType = SeriesChartType.BoxPlot;
                        List<object> List1 = dt_LVL1RISKCHART.AsEnumerable().ToList<object>();

                        foreach (DataRow row in dt.Rows)
                            Chart1.Series[0].Points.AddXY(row["STATUS"], new object[] { row["MIN"], row["MAX"], row["25TH_PERCENTILE"], row["75TH_PERCENTILE"], row["AVG"], row["50TH_PERCENTILE"] });

                        //create chartareas
                        ChartArea ca = new ChartArea();
                        ca .AxisX = new Axis();
                        ca .AxisY = new Axis();
                        Chart1.ChartAreas.Add(ca);

                        //databind
                        Chart1.DataBind();
                        Chart1.Visible = true;

                AjaxControlToolkit.TabPanel panel = new AjaxControlToolkit.TabPanel();
                panel.HeaderText += item.Value;
                container.Tabs.Add(panel);
                panel.Controls.Add(tabContent);
                panel.Controls.Add(Chart1);
            }
        }
        PlaceHolder1.Controls.Add(container);
    }

    public AjaxControlToolkit.TabPanel GetManualTab()
    {
        AjaxControlToolkit.TabPanel panel = new AjaxControlToolkit.TabPanel();
        return panel;
    }

//Aspx文件
//Cs文件
AjaxControlToolkit.TabContainer=新的AjaxControlToolkit.TabContainer（）；
container.ID=“TabContainer”；
container.EnableViewState=false；
container.Tabs.Clear（）；
foreach（SelectionListBox.Items中的ListItem项）
{
如果（选定项）
{
标签选项卡内容=新标签（）；
tabContent.ID=“lbl\u tab”；
tabContent.Text+=item.Value；
图表1=新图表（）；
图表1.DataSource=dt；
图1.宽度=715；
图1.高度=450；
图表1.Series.Add（newseries（））；
Chart1.系列[0]。ChartType=SerieChartType.BoxPlot；
List List1=dt_LVL1RISKCHART.AsEnumerable（）.ToList（）；
foreach（数据行中的数据行）
图表1.系列[0].点.AddXY（第[“状态”]、新对象[]行[“最小”]、第[“最大”]、第[“第25百分位”]、第[“第75百分位”]、第[“平均值”]、第[“第50百分位”]行）；
//创建图表区域
ChartArea ca=新的ChartArea（）；
ca.axix=新轴（）；
ca.AxisY=新轴（）；
图表1.图表区域。添加（ca）；
//数据绑定
图1.DataBind（）；
图表1.可见=真实；
AjaxControlToolkit.TabPanel panel=新的AjaxControlToolkit.TabPanel（）；
panel.HeaderText+=项目值；
容器.选项卡.添加（面板）；
panel.Controls.Add（tabContent）；
面板.控件.添加（图1）；
}
}
占位符1.控件.添加（容器）；
}
公共AjaxControlToolkit.TabPanel GetManualTab（）
{
AjaxControlToolkit.TabPanel panel=新的AjaxControlToolkit.TabPanel（）；
返回面板；
}

如果有人能在这方面帮助我，我将不胜感激，非常感谢

在ASPX上进行一次div（注意align属性）

---

这与FF、Chrome和IE中的预期一样有效。

是否有html与此一起使用？没有html，图表是动态创建的。上面的代码显示了如何创建图表。@Des是正确的。至少应该有一些容器（div或panel），您将向其中添加动态创建的图表控件。请参见下面的答案。hi@vnikhil，我无法使用您的方法解决此问题，因为我的图表是在选项卡面板中动态创建的。我希望图表位于选项卡面板的中心。我已经更新了密码，请看一下！你不应该在发布问题时这样做吗？这只会使回答者感到困惑（俚语）。另外，我格式化了你的代码，然后你更新了它并丢失了格式。真烦人，不是吗？

<div id="divChart" runat="server" align="center" />

divChart.Controls.Add(Chart1);