This is a migrated thread and some comments may be shown as answers.

Displayed graph is too small

3 Answers 82 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
d-cpt
Top achievements
Rank 2
d-cpt asked on 15 May 2009, 02:11 PM
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();

 

 

 

 

 

 

3 Answers, 1 is accepted

Sort by
0
Giuseppe
Telerik team
answered on 18 May 2009, 01:48 PM
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.
0
d-cpt
Top achievements
Rank 2
answered on 18 May 2009, 02:59 PM
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.


    
0
Giuseppe
Telerik team
answered on 20 May 2009, 01:11 PM
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.
Tags
Chart (Obsolete)
Asked by
d-cpt
Top achievements
Rank 2
Answers by
Giuseppe
Telerik team
d-cpt
Top achievements
Rank 2
Share this question
or