none
Grafico Eje Y se reduce con informacion RRS feed

  • Pregunta

  • Buen dia Compañeros ocupo de una idea para solucionar este detalle estetico

    creo una grafica y no hay error en su backend,al seleccionar un rango de años por decir 5 años esta se muestra normal,

    mas al seleccionar mas años esta grafica se reduce en su eje Y, poniendo ilegible la informacion que se esta mostrando pudieran ayudarme a solucionar este problema.

    void grafico() {
    
                int anoini, anofin;
                anoini = int.Parse(this.txtanoini.Text);
                anofin = int.Parse(this.txtanofin.Text);
                string tipografico = this.DD_ListTipoGrafico.SelectedValue;
                string Area="", Muestreo="", Proceso="";
                Area=this.DropDownListArea.SelectedValue;
                Muestreo = this.DropDownListMuestreo.SelectedValue;
                Proceso = this.DropDownListProceso.SelectedValue;
                DataTable dt = Logic.GetTablePrecipitaciones(anoini, anofin,Area,Proceso,Muestreo);
    
    
               
    
                int columns = 0;
                int Columna = 2;
    
    
    
                      
               this.Chart1.Series.Clear();
    
                Chart1.Titles.Add(String.Format("Precipitacion Anual"));
                Chart1.ChartAreas[0].AxisX.Title = "Meses";
                Chart1.ChartAreas[0].AxisY.Title = "Precipitacion(mm)";
    
                this.Chart1.Height = 650;
                this.Chart1.Width = 1410;
               
             
    
                Chart1.ChartAreas[0].AxisY.Minimum = double.Parse(txtrango1.Text);
                Chart1.ChartAreas[0].AxisY.Maximum = double.Parse(txtRango2.Text);
                Chart1.ChartAreas[0].AxisX.Interval = Convert.ToInt16(DropDownListinterval.SelectedValue);
    
    
                Chart1.ChartAreas[0].AxisX.MajorGrid.LineColor = Color.LightGray;
                Chart1.ChartAreas[0].AxisX.MajorGrid.LineDashStyle = ChartDashStyle.Dot;
                Chart1.ChartAreas[0].AxisY.MajorGrid.LineColor = Color.LightGray;
                Chart1.ChartAreas[0].AxisY.MajorGrid.LineDashStyle = ChartDashStyle.Dot;
    
    
                Chart1.ChartAreas[0].AxisX2.MajorGrid.LineColor = Color.LightGray;
                Chart1.ChartAreas[0].AxisX2.MajorGrid.LineDashStyle = ChartDashStyle.Dot;
                Chart1.ChartAreas[0].AxisY2.MajorGrid.LineColor = Color.LightGray;
                Chart1.ChartAreas[0].AxisY2.MajorGrid.LineDashStyle = ChartDashStyle.Dot;
    
    
                foreach (DataColumn column in dt.Columns)
                {
    
    
    
                    if (columns >= 2)
                    {
                        this.Chart1.Series.Add(column.ColumnName);
                        switch (tipografico)
                        {
                            case "Line": Chart1.Series[column.ColumnName].ChartType = SeriesChartType.Line; break;
                            case "Bar": Chart1.Series[column.ColumnName].ChartType = SeriesChartType.Column; break;
                            case "StepLine": Chart1.Series[column.ColumnName].ChartType = SeriesChartType.StepLine; break;
                            case "Spline": Chart1.Series[column.ColumnName].ChartType = SeriesChartType.Spline; break;
                            case "Point": Chart1.Series[column.ColumnName].ChartType = SeriesChartType.Point; break;
    
                        }
    
    
    
                        int j = 0;
                        Chart1.Legends.Add(column.ColumnName);
                        Chart1.Series[column.ColumnName].ToolTip = "#VALX =  #VALY{}";
                        Chart1.Series[column.ColumnName].Label = "#VALY";
    
                        int i = 0;
    
                        foreach (DataRow row in dt.Rows)
                        {
                            DataRow _row = dt.Rows[j];
    
    
                            //Chart1.Series[serieslegend].Label = "#VALY";
    
                            string series = _row[column].ToString();
    
    
                            // Series Does Not Exist
                            if (string.IsNullOrEmpty(series))
                            {
                                series = "0";
                            }
                            if (column.ColumnName == DateTime.Now.Year.ToString())
                            {
    
                                Chart1.Series[column.ColumnName].Color = Color.Red;
                                Chart1.Series[column.ColumnName].BorderWidth = 4;
    
    
                            }
    
                            Chart1.Series[column.ColumnName].XValueType = ChartValueType.String;
                            Chart1.Series[column.ColumnName].YValueType = ChartValueType.Auto;
                            Chart1.Series[column.ColumnName].Points.AddXY(_row[1].ToString(), series);
    
    
    
    
                            j++;
                        }
    
                        i++;
    
                    }
    
    
    
                    columns++;
    
                    Columna = columns;
                }
    
          
    
             
                
            }

    anexo imagenes de como se veGrafico NormalGrafico con rango alto










    josemanuel31675


    • Editado jmanuel31675 jueves, 23 de noviembre de 2017 18:16
    jueves, 23 de noviembre de 2017 18:13

Respuestas

  • hola

    >>mas al seleccionar mas años esta grafica se reduce en su eje Y, poniendo ilegible la informacion que se esta mostrando

    la pagina aplicia algun framework responsive, como ser bootstrap ? porque puede que se quiera exceder y por eso lo reduce

    podrias inspeccionar con el developer tool del browser (al cual accedes con F12) a ver como esta aplicando los tamaños

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    jueves, 23 de noviembre de 2017 18:18