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

Radchart View Issue

1 Answer 58 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Satish
Top achievements
Rank 1
Satish asked on 08 Jun 2012, 06:27 PM

Hello, I have developed a chart which looking as shown in attached. This charts keep showing the reading symbol, I did dig into the below code to remove it, but I was not able to. Please could tell me what is mistake in it?    


Chart.ASPX

<telerik:RadPageView ID="rpvCapacityTimeliness" runat="server">
                    <div style="padding: 5px; text-align: left;">
                        <asp:Button Visible="True" ID="btnZoomOutCapacityTimeLiness" Text="ResetZoomOut"
                            ToolTip="Save changes" runat="server" OnClientClick="ZoomOutCapacityTimeliness(); return false;" />
                        <asp:UpdatePanel ID="updCapacityTimeliness" runat="server" RenderMode="Inline" UpdateMode="Conditional">
                            <ContentTemplate>
                                <telerik:RadChart AutoLayout="True" Height="450px" ID="rcCapacityTimeliness" runat="server"
                                    Skin="WebBlue" Width="935px">
                                    <ClientSettings EnableZoom="True" ScrollMode="Both" />
                                    <Appearance>
                                        <FillStyle MainColor="249, 250, 251">
                                        </FillStyle>
                                        <Border Color="160, 170, 182" />
                                    </Appearance>
                                    <Legend Visible="False">
                                        <Appearance Dimensions-Margins="17.6%, 3%, 1px, 1px" Dimensions-Paddings="2px, 8px, 6px, 3px"
                                            Position-AlignedPosition="TopRight" Visible="False">
                                            <ItemTextAppearance TextProperties-Color="102, 102, 102">
                                            </ItemTextAppearance>
                                            <FillStyle MainColor="216, 222, 227">
                                            </FillStyle>
                                            <Border Color="160, 170, 182" />
                                        </Appearance>
                                    </Legend>
                                    <PlotArea>
                                        <YAxis AutoScale="True" AxisMode="Extended">
                                            <Appearance Color="160, 160, 160">
                                                <MajorGridLines Color="227, 227, 227" />
                                                <MinorGridLines Color="227, 227, 227" />
                                                <TextAppearance AutoTextWrap="False" />
                                            </Appearance>
                                            <AxisLabel>
                                                <TextBlock>
                                                    <Appearance TextProperties-Color="140, 140, 140">
                                                    </Appearance>
                                                </TextBlock>
                                            </AxisLabel>
                                        </YAxis>
                                        <EmptySeriesMessage Visible="True">
                                            <Appearance Visible="True">
                                            </Appearance>
                                        </EmptySeriesMessage>
                                        <XAxis AutoScale="True">
                                            <Appearance Color="160, 160, 160">
                                                <MajorGridLines Color="227, 227, 227" Width="0" />
                                                <TextAppearance AutoTextWrap="True" TextProperties-Color="140, 140, 140" />
                                            </Appearance>
                                            <AxisLabel>
                                                <TextBlock>
                                                    <Appearance TextProperties-Color="140, 140, 140">
                                                    </Appearance>
                                                </TextBlock>
                                            </AxisLabel>
                                        </XAxis>
                                        <Appearance Dimensions-Margins="18%, 24%, 12%, 10%">
                                            <FillStyle FillType="Solid" MainColor="">
                                            </FillStyle>
                                        </Appearance>
                                    </PlotArea>
                                    <ChartTitle>
                                        <Appearance>
                                            <FillStyle MainColor="">
                                            </FillStyle>
                                        </Appearance>
                                        <TextBlock Text="Capacity Timeliness">
                                            <Appearance TextProperties-Color="102, 102, 102" TextProperties-Font="Arial, 14pt">
                                            </Appearance>
                                        </TextBlock>
                                    </ChartTitle>
                                </telerik:RadChart>
                                <telerik:RadChart AutoLayout="True" Height="450px" ID="rcCapacityMonthlyTimeliness"
                                    runat="server" Skin="WebBlue" DefaultType="Line" Width="935px">
                                    <ClientSettings EnableZoom="True" ScrollMode="Both" />
                                    <Appearance>
                                        <FillStyle MainColor="249, 250, 251">
                                        </FillStyle>
                                        <Border Color="160, 170, 182" />
                                    </Appearance>
                                    <Series>
                                        <telerik:ChartSeries Name="Series 1">
                                            <Appearance>
                                                <FillStyle FillType="ComplexGradient" MainColor="94, 117, 142">
                                                    <FillSettings>
                                                        <ComplexGradient>
                                                            <telerik:GradientElement Color="94, 117, 142" />
                                                            <telerik:GradientElement Color="116, 138, 162" Position="0.5" />
                                                            <telerik:GradientElement Color="139, 160, 183" Position="1" />
                                                        </ComplexGradient>
                                                    </FillSettings>
                                                </FillStyle>
                                                <TextAppearance TextProperties-Color="140, 140, 140">
                                                </TextAppearance>
                                                <Border Color="73, 86, 101" />
                                            </Appearance>
                                        </telerik:ChartSeries>
                                        <telerik:ChartSeries Name="Series 2">
                                            <Appearance>
                                                <FillStyle FillType="ComplexGradient" MainColor="164, 175, 187">
                                                    <FillSettings>
                                                        <ComplexGradient>
                                                            <telerik:GradientElement Color="164, 175, 187" />
                                                            <telerik:GradientElement Color="196, 203, 212" Position="0.5" />
                                                            <telerik:GradientElement Color="221, 226, 233" Position="1" />
                                                        </ComplexGradient>
                                                    </FillSettings>
                                                </FillStyle>
                                                <TextAppearance TextProperties-Color="140, 140, 140">
                                                </TextAppearance>
                                                <Border Color="144, 150, 159" />
                                            </Appearance>
                                        </telerik:ChartSeries>
                                    </Series>
                                    <Legend Visible="False">
                                        <Appearance Dimensions-Margins="1%, 1%, 1px, 1px" Dimensions-Paddings="1px, 1px, 1px, 1px"
                                            Position-AlignedPosition="bottom" Visible="False">
                                            <ItemTextAppearance TextProperties-Color="102, 102, 102">
                                            </ItemTextAppearance>
                                            <FillStyle MainColor="216, 222, 227">
                                            </FillStyle>
                                            <Border Color="160, 170, 182" />
                                        </Appearance>
                                    </Legend>
                                    <PlotArea>
                                        <YAxis AutoScale="True" AxisMode="Extended">
                                            <Appearance>
                                                <MajorGridLines Color="227, 227, 227" />
                                                <MinorGridLines Color="227, 227, 227" />
                                                <TextAppearance AutoTextWrap="False" />
                                            </Appearance>
                                            <AxisLabel>
                                                <TextBlock>
                                                    <Appearance TextProperties-Color="140, 140, 140" Position-AlignedPosition="TopLeft">
                                                    </Appearance>
                                                </TextBlock>
                                            </AxisLabel>
                                        </YAxis>
                                        <XAxis AutoScale="True" DataLabelsColumn="RIID's" MaxValue="0" Step="0">
                                            <Appearance>
                                                <MajorGridLines Color="227, 227, 227" Width="0" />
                                                <TextAppearance AutoTextWrap="True" />
                                            </Appearance>
                                            <AxisLabel>
                                                <TextBlock>
                                                    <Appearance TextProperties-Color="140, 140, 140" Position-AlignedPosition="BottomRight">
                                                    </Appearance>
                                                </TextBlock>
                                            </AxisLabel>
                                        </XAxis>
                                        <Appearance>
                                            <FillStyle FillType="Solid" MainColor="">
                                            </FillStyle>
                                        </Appearance>
                                    </PlotArea>
                                    <ChartTitle>
                                        <Appearance>
                                            <FillStyle MainColor="">
                                            </FillStyle>
                                        </Appearance>
                                        <TextBlock Text="Capacity Timeliness">
                                            <Appearance TextProperties-Color="102, 102, 102" TextProperties-Font="Arial, 7pt"
                                                Position-AlignedPosition="Bottom">
                                            </Appearance>
                                        </TextBlock>
                                    </ChartTitle>
                                </telerik:RadChart>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </div>
                </telerik:RadPageView>

 

 

 

 

 

 

 

Chart.ASPX.VB

Private Sub ChartLoad(ByVal ds As DataSet, ByVal radchartcontrole As RadChart, ByVal monthlyradchartcontrole As RadChart, ByRef dataXColumnName As String, ByVal dataYColumnName As String,
                                                   ByVal xaxislableName As String, ByVal yaxislableName As String, ByRef monthlyXaxislableName As String, ByVal monthlyYaxislableName As String,
                                                   ByVal monthlyYaxisDataColumn As String, ByVal monthlyXaxisDataColumn As String, ByVal avgDataColumn As String, ByVal charttableValue As Int32,
                                                   ByVal monthlytableValue As Int32, ByVal avgTableValue As Int32, ByVal chartTitle As String, ByVal updatePaneltoHide As UpdatePanel, ByVal timeLinesAvgLabel As String)

        Dim dt As DataTable = New DataTable()
        'Dim objTimeLinessMetric As New TimeLinessMetric()
        dt = ds.Tables.Item(0)
        btnZoomOutCapacityTimeLiness.Visible = True

        If Not ds.Tables(0).Rows.Count > 0 Then
            updatePaneltoHide.Visible = False
            lblAvgDisplay.Text = "No data found for the " + chartTitle
            lblAvgDisplay.ForeColor = System.Drawing.Color.Red
            lblAvgDisplay.Font.Bold = True
            lblAvgDisplay.Width = 300

        Else

            dt = ds.Tables.Item(0)

            Dim list As New List(Of TimeLinessMetric)

            Dim stinger = dataXColumnName

            'Setting the data values types, based on the tabcontrol checked.
                    For Each dr As DataRow In dt.Rows
                        Dim TimeLinessMetric As New TimeLinessMetric()
                        TimeLinessMetric.Count = Convert.ToInt32(dr(dataYColumnName))
                        If Not IsDBNull(dr(dataXColumnName)) Then
                            TimeLinessMetric.CapacityTimeliness = Convert.ToInt32(dr(dataXColumnName))
                        End If
                        list.Add(TimeLinessMetric)
                    Next

            
            radchartcontrole.Clear()

            'Defining the series and assigning the valves to series.
            Dim series As New ChartSeries()
            series.Type = ChartSeriesType.Bar
            series.DataXColumn = dataXColumnName
            series.DataYColumn = dataYColumnName

            'Adding the new series to the radchart.
            radchartcontrole.Series.Add(series)
            radchartcontrole.DataSource = list
            radchartcontrole.DataBind()

            'assinging the values to radchart X-Axis
            radchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Text = xaxislableName
            radchartcontrole.PlotArea.XAxis.AxisLabel.Visible = True
            radchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red
            radchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

            'assinging the values to radchart Y-Axis
            radchartcontrole.PlotArea.YAxis.AxisLabel.Visible = True
            radchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Text = yaxislableName
            radchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red
            radchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

            radchartcontrole.Series(0).Appearance.BarWidthPercent = CType("10", Decimal)

            Dim metricsAvg As String
            metricsAvg = CType(ds.Tables(avgTableValue).Rows(0).Item(avgDataColumn), String)
            radchartcontrole.ChartTitle.TextBlock.Visible = False
            radchartcontrole.Legend.Visible = False

            'Metrics Avg label display
            lblAvgDisplay.Text = timeLinesAvgLabel + metricsAvg + "days"
            lblAvgDisplay.Visible = True
            lblAvgDisplay.Font.Bold = True
            lblAvgDisplay.ForeColor = System.Drawing.Color.Red

            'Binding the monthly chart data
            monthlyradchartcontrole.Clear()
            monthlyradchartcontrole.DataSource = ds.Tables.Item(monthlytableValue)
            monthlyradchartcontrole.DataBind()
            monthlyradchartcontrole.Series(0).DataXColumn = monthlyYaxisDataColumn
            monthlyradchartcontrole.Series(0).DataYColumn = monthlyXaxisDataColumn

            monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Text = monthlyXaxislableName
            monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.Visible = True
            monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red
            monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

            monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.Visible = True
            monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Text = monthlyYaxislableName
            monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red
            monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

            monthlyradchartcontrole.Legend.Visible = False

        End If

    End Sub

1 Answer, 1 is accepted

Sort by
0
Ves
Telerik team
answered on 11 Jun 2012, 10:47 AM
Hi Satish,

You can find the solution in this forum post.

Best regards,
Ves
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Chart (Obsolete)
Asked by
Satish
Top achievements
Rank 1
Answers by
Ves
Telerik team
Share this question
or