Adding a X to a bubble chart

Thread is closed for posting
6 posts, 0 answers
  1. Brian Philpot
    Brian Philpot avatar
    1 posts
    Member since:
    Feb 2007

    Posted 23 Aug 2011 Link to this post

    Hello,

    This is probably a very easy thing to do...
    I have a bubble chart, and I want to add a new (unique) data point to the chart that represents the average value.
    I want this new value to show up not as a bubble, but as an X.
    Any ideas how to programmatically add this new X data point?

    I greatly appreciate any advice/feedback.

    -Brian
  2. Peshito
    Admin
    Peshito avatar
    497 posts

    Posted 26 Aug 2011 Link to this post

    Hi Brian Philpot,

    Could you describe in more details what is the end result you are trying to achieve? An attached picture of this result would be very helpful for us to guide you more properly.

    Greetings,
    Peshito
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Brian Philpot
    Brian Philpot avatar
    6 posts
    Member since:
    Jul 2009

    Posted 26 Aug 2011 Link to this post

    Hi,

    Right now we are creating a bubble chart.. here it is:
    http://profiles.doe.mass.edu/mcas/growth.aspx?linkid=47&orgcode=00010000&fycode=2010&orgtypecode=5&
    I simply want to add a small  X  as a data point to denote the state average, the X should also have tooltip text just like the bubbles have, but with other details.  I wrote the code for this page and understand how to add new data points that show up as bubbles. The thing I am not sure about is if there is any way to add a data point that shows up as an X.
    Any help you can provide is greatly appreciated.
    We are looking into extending our support agreement, but our procurement office is very slow and I really need to get a resolution to this as soon as possible.  I can send you a picture of how we want it to look, but really it is just like the link above with an X added somewhere in the middle of the bubbles (I will specify the exact coordinates dynamically in the code.)

    Thanks,
    Brian
  5. Peshito
    Admin
    Peshito avatar
    497 posts

    Posted 31 Aug 2011 Link to this post

    Hi Brian Philpot,

    This behavior is not supported out of the box. May I suggest you adding another Point series, using the same values as the Bubble one. This way the points will be drawn inside the bubbles. You can then customize each series' tooltips and achieve scenario similar to yours, you've described.

    Hope that helps.

    All the best,
    Peshito
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  6. Brian Philpot
    Brian Philpot avatar
    6 posts
    Member since:
    Jul 2009

    Posted 31 Aug 2011 Link to this post

    Peshito,

    Interesting approach.. but the X I want to add is not at the same location as any of the bubbles.
    If I add a new series and just plot one value where I want the X to go.. is there any way to get it to put an X there instead of a bubble?
    I think you are saying no.. but figured I would just ask again in case I was not doing a good job of communicating what I am trying to do.

    Thanks Again,
    Brian
  7. Peshito
    Admin
    Peshito avatar
    497 posts

    Posted 05 Sep 2011 Link to this post

    Hi Brian Philpot,

    May I suggest you another approach. Instead of adding point series, add new line series. Set its drawing color to transparent like this:
    series2.Appearance.FillStyle.MainColor = System.Drawing.Color.Transparent;
    set the labels' location to Inside and their position to Center:
    series2.Appearance.LabelAppearance.LabelLocation = Telerik.Charting.Styles.StyleSeriesItemLabel.ItemLabelLocation.Inside;
    series2.Appearance.LabelAppearance.Position.AlignedPosition = Telerik.Charting.Styles.AlignedPositions.Center;
    set the DefaultLabelValue of the line series:
    series2.DefaultLabelValue = "X";
    This will center the X inside your bubbles.

    For your convenience I've attached a sample that you could refer to.

    Hope this workaround helps.

    Best wishes,
    Peshito
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

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