[CLOSED] Graph Tips for multiple bars

  1. #1

    [CLOSED] Graph Tips for multiple bars

    For a grouped bar example http://examples2.ext.net/#/Chart/Bar/Basic/
    Can you define tips for each bar?
    I have it defined like this now:
    .Tips(X.ChartTip()
         .TrackMouse(true)
          .Width(140)
          .Height(28)
         .Renderer(r => r.Handler = "this.setTitle(storeItem.get('Month') + ': Invoices: ' + storeItem.get('Invoices'));")
       )
    Or just have the above tips definition multi line?

    Thank you
    Last edited by Daniil; Apr 27, 2015 at 10:14 AM. Reason: [CLOSED]
  2. #2
    Hi #registrator,

    I guess you mean example?
    http://examples2.ext.net/#/Chart/Bar/Grouped

    Seems there was such a request on the forums earlier with a possible solution.
  3. #3
    Yes the question was mine and I have implemented the example you provided but here I am asking if I can have a tip for each bar separately.
    The code I posted creates a tip but it is the same one for all three bars. And since they have different values I would like to have different tips.

    Other solution I could use is to have one tip but the values in the tip to be vertically stacked.
  4. #4
    but here I am asking if I can have a tip for each bar separately.
    Yes, I remember such a request. Please search in the forums and let me know if you are unable to find.
  5. #5
    Thank you.
    This could be something useful:

    http://examples2.ext.net/#/Chart/Misc/ToolTips/
  6. #6
    Maybe...

    Please clarify have you searched in the forums itself?
  7. #7
    Yes, this was in one of the answers.
    Shows how to customize tips.
  8. #8
    I have used this example but the grid does not show.
    .Tips(X.ChartTip()
    	.TrackMouse(true)
    	.Width(140)
    	.Height(28)
    	.Layout(LayoutType.Fit)
    	.Items(
    		X.Container().Layout(LayoutType.HBox).Items(
    			X.GridPanel().ID("TipsGrid").Width(420).Height(130)
    			.Store(X.Store().Model(X.Model().Fields(X.ModelField().Name("name"), X.ModelField().Name("data"))))
    			.ColumnModel(X.Column().Text("Month").DataIndex("name").Width(50), X.Column().Text("Value").DataIndex("data").Width(40).Align(Alignment.Right))
    		)
    	)
    	.Renderer(l => l.Fn = "tipsRenderer")
    )
    Can you please look at the above code and see if I have errors in my definition.
  9. #9
    The piece of code that you posted appears to be configured correctly. Either we are missing something or the problem is inside other code.
  10. #10
    It is correct, thank you Daniil.
    The height and width needed greater values. My bad.

Similar Threads

  1. [CLOSED] Two series Column Graph
    By registrator in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 17, 2015, 5:46 PM
  2. [CLOSED] Line Graph in ext.net
    By PriceRightHTML5team in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 06, 2013, 12:50 PM
  3. Punch graph with ext:chart
    By bayoglu in forum Feature Requests
    Replies: 4
    Last Post: Feb 25, 2013, 2:31 AM
  4. [CLOSED] Scatter Graph
    By Tonic in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Feb 04, 2013, 5:50 AM
  5. [CLOSED] Graph tools
    By FpNetWorth in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Dec 20, 2010, 6:22 PM

Posting Permissions