Как использовать функцию детализации с помощью всплывающего окна в ASP.Net (Fusion Charts)

Я использую функцию детализации, где я могу щелкнуть гистограмму, и она откроет новую страницу с новой дочерней диаграммой. Но я не хочу открывать новое окно, все, что я хочу, это использовать всплывающее окно с дочерней диаграммой в нем. Я видел пример с веб-сайта fusion-chart, но они используют формат xml, и я не могу последовать их примеру. Вот весь мой код, который работает нормально, но единственное, что мне нужно изменить, вместо того, чтобы открывать новую страницу; мне просто нужно использовать всплывающее окно. Как я могу это сделать? Пожалуйста, помогите и спасибо за ваше время .. вот код моей главной страницы:

//aspx code
    <asp:Literal ID="chart_from_db" runat="server">        
            </asp:Literal>
 //code behind   
     protected void Page_Load(object sender, EventArgs e)
        {
           SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["MyConnectionString"].ConnectionString);        
            StringBuilder xmlStr = new StringBuilder();      
            xmlStr.Append("<chart caption='Total Revenue' palette='3' showValues='0' numberPrefix='$' useRoundEdges='1'>");
            {

                string sqlStatement = "SELECT Category, AvgNumbers FROM Table1";
                SqlCommand cmd = new SqlCommand(sqlStatement, con);
                con.Open();
                SqlDataReader reader = cmd.ExecuteReader();

                while (reader.Read())
                {             
                    xmlStr.AppendFormat("<set label='{0}' value='{1}' link='{2}'/>", reader["Category"].ToString(), reader["AvgNumbers"].ToString(), Server.UrlEncode("DrillDown1.aspx?AvgDays=" + reader["Category"].ToString()));
                }            
                xmlStr.Append("</chart>");           
                reader.Close();
                con.Close();            
                FusionCharts.SetRenderer("javascript");
                chart_from_db.Text = FusionCharts.RenderChart(
                    "FusionChartsXT/Column3D.swf", // Path to chart's SWF
                    "", // Page which returns chart data. Leave blank when using Data String.
                    xmlStr.ToString(), // String containing the chart data. Leave blank when using Data URL.
                    "annual_revenue",   // Unique chart ID
                    "640", "340",       // Width & Height of chart
                    false,              // Disable Debug Mode
                    true);              // Register with JavaScript object
            }

А вот дочерняя страница, которая открывается при нажатии на график.

// ASPX code
    <div>
    <asp:Literal ID="MyChart" runat="server">        
            </asp:Literal>
//code benind    
 protected void Page_Load(object sender, EventArgs e)
        {
            SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["MyConnectionString"].ConnectionString);
            String AvgDays = Request.QueryString["AvgDays"];
            StringBuilder xmlStr = new StringBuilder();
            xmlStr.Append("<chart caption='Total Revenue' palette='3' showValues='0' numberPrefix='$' useRoundEdges='1'>");

            {

                string sqlStatement = "select MonthYear, AvgNumbers from Table2 where AvgDays= '" + AvgDays.ToString() + "'";
                SqlCommand cmd = new SqlCommand(sqlStatement, con);
                con.Open();
                SqlDataReader reader = cmd.ExecuteReader();            
                while (reader.Read())
                {
                    // Construct the chart data in XML format
                    xmlStr.AppendFormat("<set label='{0}' value='{1}' link='{1}'/>", reader["MonthYear"].ToString(), reader["AvgNumbers"].ToString());
                }

                // End the XML string
                xmlStr.Append("</chart>");

                // Close the result set Reader object and the Connection object
                reader.Close();
                con.Close();

                // Set the rendering mode to JavaScript, from the default Flash.
                FusionCharts.SetRenderer("javascript");

                // Call the RenderChart method, pass the correct parameters, and write the return value to the Literal tag
                MyChart.Text = FusionCharts.RenderChart(
                    "FusionChartsXT/Column3D.swf", // Path to chart's SWF
                    "", // Page which returns chart data. Leave blank when using Data String.
                    xmlStr.ToString(), // String containing the chart data. Leave blank when using Data URL.
                    "crab",   // Unique chart ID
                    "640", "340",       // Width & Height of chart
                    false,              // Disable Debug Mode
                    true);              // Register with JavaScript object
            }

person moe    schedule 15.02.2013    source источник
comment
тут кто может помочь?? Спасибо   -  person moe    schedule 17.02.2013
comment
Используйте префикс p- в соответствии с docs.fusioncharts.com/charts/contents/DrillDown/PopUps. .html   -  person sudipto    schedule 21.02.2013


Ответы (1)


пожалуйста, обратитесь по ссылке ниже.,. http://docs.fusioncharts.com/charts/contents/JavaScript/JS_LinkedCharts.html

-LinkedCharts в окне ExtJS -Открытие LinkedCharts в jQuery PrettyPhoto -Открытие LinkedCharts в диалоговом окне jQuery

Я надеюсь... это может вам помочь!

person FraZer    schedule 25.06.2013