topic Pie-Chart tooltips not appearing when using Calcite Maps example in ArcGIS JavaScript Maps SDK Questions

Pie-Chart tooltips not appearing when using Calcite Maps example

BobNichols — Fri, 10 Feb 2017 16:20:54 GMT

I am building an app based off of the Calcite maps example and have run into an issue. When displaying a pie-chart in a popup it wont display the tooltip when hovering over the chart. At first I thought that it was something that I had tweaked in my app that was causing it not to appear. However, I can replicate the same issue when I take the feature layer with popup from the multiple popup elements example found here: https://developers.arcgis.com/javascript/latest/sample-code/popup-multipleelements/index.html and put it in the Calcite maps example found here: https://developers.arcgis.com/javascript/latest/sample-code/frameworks-bootstrap/index.html. The popup displays the requested data and chart, but when you hover over a wedge in the chart it doesn't show the category and amount in a tooltip as it should. There is something in the Calcite maps template that is prohibiting it from displaying, possibly a CSS issue?

Re: Pie-Chart tooltips not appearing when using Calcite Maps example

RobertScheitlin__GISP — Sun, 12 Dec 2021 07:40:16 GMT

Bob,

It is a calcite css issue with tooltips (it is an issue in 3.x as well).

You need to add this css rule (adjust colors as desired):

    .dijitTooltip {
      position: absolute;
      z-index: 2000;
      display: block;
      left: 0;
      top: -10000px;
      overflow: visible;
      background-color: white;
      border-color: black;
      border-style: solid;
      border-width: thin;
      padding: 2px;
      font-size: 8pt;
      color: black;
    }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Pie-Chart tooltips not appearing when using Calcite Maps example

BobNichols — Fri, 10 Feb 2017 18:24:31 GMT

That did the trick, Thank You!