Some Bars not showing

Thread is closed for posting
5 posts, 0 answers
  1. Jim
    Jim avatar
    7 posts
    Member since:
    Mar 2011

    Posted 02 Aug 2011 Link to this post

    http://s284.photobucket.com/albums/ll18/mdewind/?action=view&current=ChartImageCAWB72VY.png

    This is the image of my bar chart, and as you can see some series have items that are randomly invisible but show the % of the data. Also there's grey text for the 2 right series even though I have tried specifying for them to be black. Is there a reason the bars are invisible and the text is ignoring the color I am specifying?



    Code:

    <telerik:RadChart ID="RadChart1" runat="server" DataSourceID="SqlDataSource1"
                    Height="650px" Skin="Default" Width="1100px" AutoLayout="True">
                    <Appearance>
                        <Border Color="134, 134, 134" />
                    </Appearance>
                    <Series>
                        <telerik:ChartSeries Name="Unspecified" DataYColumn="Group1Perc"
                            DefaultLabelValue="#Y%">
                            <Appearance>
                                <FillStyle FillType="Solid" MainColor="11, 111, 21" GammaCorrection="False">
                                </FillStyle>
     
    <TextAppearance TextProperties-Color="Black"></TextAppearance>
     
    <Border Color="69, 115, 167" Visible="False" Width="0"></Border>
                            </Appearance>
                        </telerik:ChartSeries>
                        <telerik:ChartSeries Name="Routine visit, unspecified purpose"
                            DataYColumn="Group2Perc" DefaultLabelValue="#Y%">
                            <Appearance>
                                <FillStyle FillType="Solid" MainColor="111, 11, 99" GammaCorrection="False">
                                </FillStyle>
     
    <TextAppearance TextProperties-Color="Black"></TextAppearance>
     
    <Border Color="107, 70, 68" Visible="False" Width="0"></Border>
                            </Appearance>
                        </telerik:ChartSeries>
                        <telerik:ChartSeries DataYColumn="Group3Perc" DefaultLabelValue="#Y%"
                            Name="Contracting discussion/negotiation">
                            <Appearance>
                                <FillStyle FillType="Solid" MainColor="0, 0, 153" GammaCorrection="False">
                                </FillStyle>
     
    <TextAppearance TextProperties-Color="Black"></TextAppearance>
     
    <Border Color="136, 166, 78" Visible="False" Width="0"></Border>
                            </Appearance>
                        </telerik:ChartSeries>
                        <telerik:ChartSeries DataYColumn="Group4Perc" DefaultLabelValue="#Y%"
                            Name="Present/discuss new biopharmaceutical company product data">
                            <Appearance>
                                <FillStyle FillType="Solid" MainColor="196, 196, 196" GammaCorrection="False">
                                </FillStyle>
     
    <TextAppearance TextProperties-Color="Black"></TextAppearance>
     
    <Border Color="113, 88, 143" Visible="False" Width="0"></Border>
                            </Appearance>
                        </telerik:ChartSeries>
                        <telerik:ChartSeries DataYColumn="Group5Perc" DefaultLabelValue="#Y%"
                            Name="Discuss new competitor product data ">
                            <Appearance>
                                <FillStyle FillType="Solid" MainColor="84, 208, 116" GammaCorrection="False">
                                </FillStyle>
     
    <TextAppearance TextProperties-Color="Black"></TextAppearance>
     
    <Border Color="66, 152, 175" Visible="False" Width="0"></Border>
                            </Appearance>
                        </telerik:ChartSeries>
                        <telerik:ChartSeries DataYColumn="Group6Perc" DefaultLabelValue="#Y%"
                            Name="Discuss new entrant (brand or generic) ">
                            <Appearance>
                                <FillStyle FillType="Solid" MainColor="166, 42, 151" GammaCorrection="False">
                                </FillStyle>
     
    <TextAppearance TextProperties-Color="Black"></TextAppearance>
     
    <Border Color="219, 132, 61" Visible="False" Width="0"></Border>
                            </Appearance>
                        </telerik:ChartSeries>
                        <telerik:ChartSeries DataYColumn="Group7Perc" DefaultLabelValue="#Y%"
                            Name="Present/discuss value added program/distribute value added materials ">
                            <Appearance>
                                <FillStyle FillType="Solid" MainColor="3, 122, 231" GammaCorrection="False">
                                </FillStyle>
                                <TextAppearance TextProperties-Color="Black">
                                </TextAppearance>
                                <Border Visible="False" Width="0" />
                            </Appearance>
                        </telerik:ChartSeries>
                        <telerik:ChartSeries DataYColumn="Group8Perc" DefaultLabelValue="#Y%"
                            Name="Other">
                            <Appearance>
                                <FillStyle FillType="Solid" MainColor="134, 134, 134" GammaCorrection="False">
                                </FillStyle>
                                <TextAppearance TextProperties-Color="Black">
                                </TextAppearance>
                                <Border Visible="False" Width="0" />
                            </Appearance>
                        </telerik:ChartSeries>
                    </Series>
                    <Legend>
                        <Appearance Dimensions-Margins="1px, 1px, 1px, 1px"
                            Dimensions-Paddings="2px, 8px, 6px, 3px" Overflow="Row"
                            Position-AlignedPosition="Bottom">
                            <ItemTextAppearance TextProperties-Color="Black">
                            </ItemTextAppearance>
                            <ItemMarkerAppearance Figure="Square">
                            </ItemMarkerAppearance>
                            <Border Visible="False" />
                        </Appearance>
                    </Legend>
                    <PlotArea>
                        <XAxis AutoScale="False" DataLabelsColumn="XLabel" MaxValue="7" MinValue="1"
                            Step="1">
                            <Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134">
                                <MajorGridLines Color="134, 134, 134" Width="0" />
                                <TextAppearance TextProperties-Color="Black">
                                </TextAppearance>
                            </Appearance>
                            <AxisLabel>
                                <TextBlock>
                                    <Appearance TextProperties-Color="Black">
                                    </Appearance>
                                </TextBlock>
                            </AxisLabel>
                            <Items>
                                <telerik:ChartAxisItem Value="1">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="2">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="3">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="4">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="5">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="6">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="7">
                                </telerik:ChartAxisItem>
                            </Items>
                        </XAxis>
                        <YAxis AutoScale="False" MaxValue="100" MinValue="0" Step="10">
                            <Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134"
                                MinorTick-Color="134, 134, 134" MajorTick-Visible="False"
                                MinorTick-Visible="False">
                                <MajorGridLines Color="134, 134, 134" Visible="False" />
                                <MinorGridLines Color="134, 134, 134" Visible="False" />
                                <TextAppearance TextProperties-Color="Black">
                                </TextAppearance>
                            </Appearance>
                            <AxisLabel>
                                <TextBlock>
                                    <Appearance TextProperties-Color="Black">
                                    </Appearance>
                                </TextBlock>
                            </AxisLabel>
                            <Items>
                                <telerik:ChartAxisItem>
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="10">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="20">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="30">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="40">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="50">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="60">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="70">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="80">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="90">
                                </telerik:ChartAxisItem>
                                <telerik:ChartAxisItem Value="100">
                                </telerik:ChartAxisItem>
                            </Items>
                        </YAxis>
                        <Appearance Dimensions-Margins="90px, 50px, 170px, 50px">
                            <FillStyle FillType="Solid" MainColor="" SecondColor="">
                            </FillStyle>
                        </Appearance>
                    </PlotArea>
                    <ChartTitle>
                        <Appearance>
                            <FillStyle MainColor="">
                            </FillStyle>
                        </Appearance>
                        <TextBlock Text="Original Purpose(s) of Meeting">
                            <Appearance TextProperties-Color="Black" TextProperties-Font="Arial, 18px">
                            </Appearance>
                        </TextBlock>
                    </ChartTitle>
                </telerik:RadChart>
  2. Jim
    Jim avatar
    7 posts
    Member since:
    Mar 2011

    Posted 05 Aug 2011 Link to this post

    I have figured out why the grey text appears. Apparently the interface changes don't stick and you have to change it in the code for it to apply. Is this a bug? I am using version 2011.2.721.40 version of the components. The interface for RadChart configuration of series does not save all changes.

    Any ideas on why items would be transparent and only show the border?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Evgenia
    Admin
    Evgenia avatar
    1407 posts

    Posted 05 Aug 2011 Link to this post

    Hi Michael,

    Could you elaborate a bit more on the issue you are facing with our control. I tried to reproduce it from your code snippet with the 2011.2.721.40 version but to no avail - take a look at the project attached. It will be very helpful if you can start a new formal support thread and send us your runnable sample project so that we can investigate it and help you.

    Kind regards,
    Evgenia
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. Jim
    Jim avatar
    7 posts
    Member since:
    Mar 2011

    Posted 08 Aug 2011 Link to this post

    I have figured the issue out. A RadChart databound to a source that returns nulls apparently causes formatting issues. The data appearing invisible unless I added a border to it is actually null values. Why the Chart adds a value and a label to these bars where the data is null is unknown but that is the root cause.
  6. Evgenia
    Admin
    Evgenia avatar
    1407 posts

    Posted 11 Aug 2011 Link to this post

    Hello Michael,

    Indeed when databinding RadChart, null values are automatically plotted as empty values. However you can have complete control over the visual style of the empty values as described in our help topic. You may also find our demo helpful.

    All the best,
    Evgenia
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017