How to edit tooltip in Highcharts C# code

Question

I have a Highchart basic bar graph that I want to edit the tooltip for.

Basically as it stands when I hover over the bars it gives me the percentage values that I coded in (in the seriesData)

What I want is to be able to use a Count as well. I've seen the

.SetToolTip(new Tooltip {
    Shared = true,
    Formatter = @"function() { return this.whatever; }
}

possibly used to this effect, but I don't know what this refers to, or how to plug in my own variables from C# code.

I don't know anything about C#, or .NET, but in javascript I would console.log(this) to dump the contents of this and see what it had access to. — jlbriggs
– jlbriggs, Commented Jul 20, 2016 at 12:44
Are you looking to get the combined total of all of the percentages in your bars? If so, I have code for this. — Mike Zavarello
– Mike Zavarello, Commented Jul 20, 2016 at 13:01
@MikeZavarello no i'm trying to get the raw c# data included in the tooltip but can't seem to manage it. head is hurting now so i'll revisit in the morning lol — bjjrolls
– bjjrolls, Commented Jul 20, 2016 at 17:14
if you set your config up in a jsfiddle, (or anywhere that you can edit the javascript and view it in a browser), you can console.log(this) and view its contents. Then you can go back to your C# and code the proper path to reach the data that you need. — jlbriggs
– jlbriggs, Commented Jul 20, 2016 at 19:28

Blue · Accepted Answer · 2016-07-22 03:52:26Z

1

Formatter = { headerFormat = "<b>{series.name} </b> <br>", pointFormat = "<b>{point.y:,.0f}%</b>" }

You need to add properties that are needed inside your formatter. headerFormat is use mostly for the title of your widget(eg. Drug name, City etc.) pointFormat this will be the return string/number upon hovering specific widget. Please see the sample here.

edited Jul 22, 2016 at 3:52

Blue

23k7 gold badges69 silver badges102 bronze badges

answered Jul 21, 2016 at 7:55

JJG

493 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

JJG Over a year ago

this is a sample if you are using series in your highcahrt. pass both series name and point.y value, you can also add an calculation inside formatter. hope this help

Blue Over a year ago

Welcome to Stack Overflow! While this code snippet may solve the question, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion. Please also try not to crowd your code with explanatory comments, as this reduces the readability of both the code and the explanations!

JJG Over a year ago

Will do it next time. thanks by the way @FrankerZ :)

Blue Over a year ago

Why next time @JJG? Only takes a few minutes to edit your post and give a nice solid answer. Plus: You'll earn a solid 10 rep from me.

Collectives™ on Stack Overflow

How to edit tooltip in Highcharts C# code

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related