Line Chart Balloons

[BG]

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

[MattFox]

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}]"

[BG]

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

[MattFox]

@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

[BG]

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

[MattFox]

My pleasure, always here if needed

Fox