Line Chart Balloons

---

Hello All,
I am using the latest Mango modules and trying to remove the balloons from some line charts.
In the examples page for the Advance Charts it states that:

use balloon="true" to turn on timestamp and value tool tips on mouse hover.

So I assumed that a false there would turn the balloons off. But as shown in the screen shot below that is not the case.

I also removed the balloon comment entirely and still the balloons appear on the chart. Hey must be the default setting in the AM charts module. Which is OK because I use them on other charts.

I found a post by another Mango user on how to remove the date portion of the balloon text via a style entry: https://forum.infiniteautomation.com/post/22275 and it does exactly as it says, but I really need to remove the entire balloon from this chart.

I have tried to use different items in the options by taking lines from AmChart examples but I can't get any of those to work either.

Can anyone tell me how to disable the balloons from the chart please?

Thank you

Brian

According to http://docs.amcharts.com/3/javascriptcharts/AmGraph#showBalloon

showBalloon needs to be false.
It's a graph-options item for each graph in the attribute:

graph-options="[ {showBalloon:false},{showBalloon:false}]"

Thank you very much MattFox.
I saw the showBalloon settings in AmGraph but didn't know how to pull that into Mango.

Now using your style set up from the earlier forum entry and now this line I am left with only the cursor line.

I was hoping that removing the balloons would also remove the cursor but I see in AmGraph that the balloon set up depends on the chartCursor so it looks like I need to disable the chartCursor.

Do I disable the chartCursor via another set of options?

Cheers

Brian

@bg said in Line Chart Balloons:

I saw the showBalloon settings in AmGraph but didn't know how to pull that into Mango.

Tinker, that's how I learn. Besides ctrl + z exists for a reason! :D

I was hoping that removing the balloons would also remove the cursor but I see in AmGraph that the balloon set up depends on the chartCursor so it looks like I need to disable the chartCursor.

Simple!

options="{
chartCursor:{enabled:false}}"

In fact, this removes the balloon on the x axis so the styling isn't required.
Have fun!
Note this is the options attribute which affects other javascript classes the chart calls on, not the graph options itself.

Fox

Thank you very much MattFox.
Tinkering is my favourite method as well :) But sometimes I head off in the wrong direction.
Thanks for all the help, I now know how to completely dismantle the chartCursor.

Cheers

Brian

My pleasure, always here if needed

Fox