Displayed graph is too small

Thread is closed for posting
4 posts, 0 answers
  1. d-cpt
    d-cpt avatar
    59 posts
    Member since:
    Mar 2008

    Posted 15 May 2009 Link to this post

    I have a bar chart that is very small like an icon when it is displayed although the size is set much larger.
    Please help.

    - I bought my license for Asp.Net AJAX Q3/2008 but recently I use the download Q1/2009. Is this a license issue here?
    - here is chart codes:

    <telerik:RadChart ID="radchartCostComp" runat="server" Height="135px" Width="900px" ChartImageFormat="Jpeg" Skin="DeepRed">
                  <Series>
                    <telerik:ChartSeries Name="Series 1">
                      <Appearance>
                        <FillStyle FillType="ComplexGradient">
                          <FillSettings>
                            <ComplexGradient>
                              <telerik:GradientElement Color="213, 247, 255" />
                              <telerik:GradientElement Color="193, 239, 252" Position="0.5" />
                              <telerik:GradientElement Color="157, 217, 238" Position="1" />
                            </ComplexGradient>
                          </FillSettings>
                        </FillStyle>
                        <TextAppearance TextProperties-Color="White">
                        </TextAppearance>
                      </Appearance>
                    </telerik:ChartSeries>
                    <telerik:ChartSeries Name="Series 2">
                      <Appearance>
                        <FillStyle FillType="ComplexGradient">
                          <FillSettings>
                            <ComplexGradient>
                              <telerik:GradientElement Color="163, 222, 78" />
                              <telerik:GradientElement Color="132, 207, 27" Position="0.5" />
                              <telerik:GradientElement Color="102, 181, 3" Position="1" />
                            </ComplexGradient>
                          </FillSettings>
                        </FillStyle>
                        <TextAppearance TextProperties-Color="White">
                        </TextAppearance>
                        <Border Color="94, 160, 0" />
                      </Appearance>
                    </telerik:ChartSeries>
                  </Series>
                  <PlotArea>
                    <XAxis>
                      <Appearance Color="76, 255, 255, 255" MajorTick-Color="179, 255, 255, 255">
                        <MajorGridLines Color="179, 255, 255, 255" Width="0" />
                        <TextAppearance TextProperties-Color="White">
                        </TextAppearance>
                      </Appearance>
                      <AxisLabel>
                        <Appearance Dimensions-Paddings="1px, 1px, 10%, 1px">
                        </Appearance>
                        <TextBlock>
                          <Appearance TextProperties-Color="254, 178, 112">
                          </Appearance>
                        </TextBlock>
                      </AxisLabel>
                    </XAxis>
                    <YAxis>
                      <Appearance Color="76, 255, 255, 255" MajorTick-Color="179, 255, 255, 255" MinorTick-Color="179, 255, 255, 255">
                        <MajorGridLines Color="179, 255, 255, 255" />
                        <MinorGridLines Color="179, 255, 255, 255" Width="0" />
                        <TextAppearance TextProperties-Color="White">
                        </TextAppearance>
                      </Appearance>
                      <AxisLabel>
                        <TextBlock>
                          <Appearance TextProperties-Color="220, 158, 119">
                          </Appearance>
                        </TextBlock>
                      </AxisLabel>
                    </YAxis>
                    <Appearance Dimensions-Margins="19%, 90px, 12%, 9%">
                      <FillStyle MainColor="50, 255, 255, 255" SecondColor="Transparent">
                      </FillStyle>
                      <Border Color="76, 255, 255, 255" />
                    </Appearance>
                  </PlotArea>
                  <Appearance>
                    <FillStyle FillType="ComplexGradient">
                      <FillSettings>
                        <ComplexGradient>
                          <telerik:GradientElement Color="179, 37, 26" />
                          <telerik:GradientElement Color="253, 153, 66" Position="0.5" />
                          <telerik:GradientElement Color="179, 37, 26" Position="1" />
                        </ComplexGradient>
                      </FillSettings>
                    </FillStyle>
                    <Border Color="141, 50, 0" Width="5" />
                  </Appearance>
                  <ChartTitle>
                    <Appearance Dimensions-Margins="4%, 10px, 14px, 6%">
                      <FillStyle MainColor="">
                      </FillStyle>
                    </Appearance>
                    <TextBlock>
                      <Appearance TextProperties-Color="White" TextProperties-Font="Verdana, 14pt">
                      </Appearance>
                    </TextBlock>
                  </ChartTitle>
                  <Legend>
                    <Appearance Dimensions-Margins="1px, 2%, 12%, 1px">
                      <ItemTextAppearance TextProperties-Color="White">
                      </ItemTextAppearance>
                      <FillStyle MainColor="37, 255, 255, 255">
                      </FillStyle>
                      <Border Color="76, 255, 255, 255" />
                    </Appearance>
                    <TextBlock>
                      <Appearance Position-AlignedPosition="Top" TextProperties-Color="220, 158, 119">
                      </Appearance>
                    </TextBlock>
                  </Legend>
                </telerik:RadChart>

     


    Code behind:

     

    SqlDataSource dss = new SqlDataSource();
    dss.ConnectionString = ConfigurationManager.ConnectionStrings["PDB_CS"].ConnectionString;
    dss.ID = "dssRptComp";

    dss.SelectCommandType = SqlDataSourceCommandType.StoredProcedure;
    dss.SelectCommand = "spr_EdPrinter_Report_Costs_Comparison";
    dss.SelectParameters.Add(new Parameter("XMLString", DbType.String, strXml));

    this.Page.Controls.Add(dss);

    radchartCostComp.DataSourceID = "dssRptComp";

    radchartCostComp.Series[0].DataYColumn = "PCost";
    radchartCostComp.Series[1].DataYColumn = "CCost";
    radchartCostComp.Series[2].DataYColumn = "MCosts";

    radchartCostComp.PlotArea.XAxis.DataLabelsColumn = "MName";

    radchartCostComp.PlotArea.XAxis.Appearance.LabelAppearance.RotationAngle = 300;

    radchartCostComp.DataBind();

     

     

     

     

     

     

  2. Giuseppe
    Admin
    Giuseppe avatar
    2363 posts

    Posted 18 May 2009 Link to this post

    Hi d-cpt,

    Onto your questions:

    • We were unable to reproduce the problem with the chart size based on the provided guidelines. We have attached a runnable sample application that demonstrates our observations. Note that if you additionally enable the AutoLayout feature, you might get very small PlotArea for the chart as in this mode the control tries to auto-arrange the elements so there is no overlapping and when the overall chart size is small, generally there would be very small space for the PlotArea as well (as it is arranged last).
    • We reviewed your purchases and there are no licensing issues that prevent you from using the latest version of the controls.


    All the best,
    Manuel
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. d-cpt
    d-cpt avatar
    59 posts
    Member since:
    Mar 2008

    Posted 18 May 2009 Link to this post

    Dear Manuel,

    Thank you for your helps. I found that issue happens only when I placed the chart in a content page.
    Somehow, the chart image is squeezed to 15x16 pixel.
    I will research more about this. If you have any idea, please lend me a help.

    Regards,

    d-cpt.


        
  4. Giuseppe
    Admin
    Giuseppe avatar
    2363 posts

    Posted 20 May 2009 Link to this post

    Hi d-cpt,

    We are unsure that the erroneous behavior is related to the chart control -- most probably some parent container panel in your master page is restricting the chart image to such tiny size and that causes the problem.

    Let us know if you have any specific questions regarding the chart control.


    Kind regards,
    Manuel
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top