This is a migrated thread and some comments may be shown as answers.

Bubble Chart tooltip Autohide

1 Answer 243 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Matthew
Top achievements
Rank 1
Matthew asked on 06 Nov 2019, 07:53 PM

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.

1 Answer, 1 is accepted

Sort by
0
Tsvetomir
Telerik team
answered on 08 Nov 2019, 03:46 PM

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.
Tags
Charts
Asked by
Matthew
Top achievements
Rank 1
Answers by
Tsvetomir
Telerik team
Share this question
or