Bullet graph custom tool tip option

Bullet graph custom tool tip option

Posted by: abhatt on 21 April 2020, 12:27 pm EST

• 

  abhatt

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 21 April 2020, 12:27 pm EST

  In the bullet graph when i try to create custom tooltip to view specific information, it does not show any tool tip. I have used the below mentioned demo to creating the code. In the documentation related to Bullet Graph Gauge could not find any other information related to it.
  
  https://www.grapecity.com/wijmo/demos/Chart/Features/CustomTooltips#

  Thanks,
  
  Aishwariya

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 22 April 2020, 1:32 am EST

  Hi Aishwariya,

  The bullet graph is not a type of FlexChart, instead it is a type Gauge. Therefore, the Chart tooltip sample will not work in this case. In order to add tooltip on the bullet graph, you can create a new instance of the Tooltip class and use it’s setTooltip method add tooltip on the hostElement of the bullet graph.

  https://stackblitz.com/edit/js-6jzdsr

  Regards,
  
  Ashwin

• 

  abhatt

  • Post Options:
  • Link
    Copy

  Posted 22 April 2020, 4:20 am EST

  Hello Ashwin,

  The code demo in the response is related to javascript, could you show the same using react. In the react code i am able to set the tooltip method and display the tool tip but cant access the bullet graph value and display it in the tooltip using react.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 23 April 2020, 1:06 am EST

  Hi,

  Please refer to the updated sample below:

  https://stackblitz.com/edit/react-c5jger

  In this sample, to add a tooltip, I have used the initialized event of the Bullet graph and provided the item in the event. Then, I used the bullet graphs’ instance and the item provided to create a tooltip.

  ~regards

• 

  abhatt

  • Post Options:
  • Link
    Copy

  Posted 23 April 2020, 5:16 pm EST

  Thank You for the response.

  Regards,
  
  Aishwariya