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