Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website

  • 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.

    0_1579531457977_0f3b151f-3773-4ee2-81a6-6a6e7b74828b-image.png

    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.

    0_1579869515829_thumbs up.png

    Cheers

    Brian


  • My pleasure, always here if needed

    Fox