Bubble Chart tooltip Autohide

2 posts, 0 answers
  1. Matthew
    Matthew avatar
    1 posts
    Member since:
    Jun 2018

    Posted 06 Nov 2019 Link to this post

    Currently I have a bubble chart that I am using tooltips to display some more information about the bubble.  I need the tool tip to stay visible while a user clicks a button to export the chart as an image.  I have set the autoHide attribute to false, but it does not seem to have any effect. My tooltip does not get a close button. My chart configuration looks like this: 

    series: [{
                        type: "bubble",
                        xField: "CurrentLossEstUSD",
                        yField: "CurrentScore",
                        sizeField: "MFL_TOTAL",
                        color: "#dadfe1",
                        tooltip: {
                            visible: true,
                            format: "{3}: MFL - {2:N0}",
                            autoHide: false
                        },

    }]

     

    Thanks.

  2. Tsvetomir
    Admin
    Tsvetomir avatar
    756 posts

    Posted 08 Nov 2019 Link to this post

    Hi Matthew,

    I have already responded to your private Support thread. However, in order to make the answer transparent for the rest of our community, I am pasting the solution here:

    "In general, the autoHide option of the Kendo UI Chart has not been exposed to its configuration. However, what I can recommend is that you create your own tooltip widget and show it with the relevant data. You can completely omit the usage of the built-in series tooltip. Here is an example: 

    1. Initialize the Kendo UI Tooltip:

            $(document).ready(function(){
              $("#tooltip").kendoTooltip({content:"asdsad"});
              createChart();
            });


    2. Subscribe to the seriesHover event of the chart and show the relevant information:

                seriesHover:function(e){
                  var tooltip = $("#tooltip").data("kendoTooltip");
    	       tooltip.options.content = e.category + ": " + e.value.size;
                   tooltip.show($(e.element));
                }
    

    It is important to point out that submitting duplicate tickets is not recommended since your history would get polluted. Searching for previous interactions with the Support engineers would be more difficult.

    Thank you for your understanding.

     

    Best regards,
    Tsvetomir
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top