topic Re: Need to remove hand icon from a pie chart after drilldown in Dashboards & Visualizations

Need to remove hand icon from a pie chart after drilldown

architkhanna — Tue, 14 Aug 2018 09:34:22 GMT

i have a pie chart with drilldown. When one value is chosen , the pie shows that value with 100% ( which is correct)
However,There is a hand icon which still shown on hovering that pie indicating further drilling(However, it doesn't drill down further).Can I change that to just mouse icon

Re: Need to remove hand icon from a pie chart after drilldown

niketn — Tue, 14 Aug 2018 11:56:04 GMT

@architkhanna Pie Chart on hover should show ToolTip Text not Hand Cursor. Is this for disabling Tooltip Text for Changing mouse cursor? Can you share existing behavior of mouse hover on pie chart? Are you using built in Pie Chart or any other custom visualization? Do you have any existing CSS override for Pie Chart?

Please add more details for us to assist you better.

Re: Need to remove hand icon from a pie chart after drilldown

architkhanna — Thu, 16 Aug 2018 03:56:29 GMT

yes the tooltip is coming fine on first hover. If you slide the cursor a little away from the tooltip to the other half of the chosen pie,a hand icon is shown.
We are using the default pie chart provided by splunk.
No css code is done for Pie chart

Re: Need to remove hand icon from a pie chart after drilldown

niketn — Thu, 16 Aug 2018 04:02:46 GMT

So, is your requirement to keep the Tooltip and not have hand icon?

Re: Need to remove hand icon from a pie chart after drilldown

architkhanna — Thu, 16 Aug 2018 04:22:30 GMT

Yes,that's correct.

Re: Need to remove hand icon from a pie chart after drilldown

yeguchi — Thu, 16 Aug 2018 04:41:05 GMT

I think you configure drilldown to same panel. Drilldown is enabled in the panel so hand cursor for drilldown is always displayed at this case.

I recommend you to prepare other panel for drill down destination.

<panel>
    <chart>
      <search>
        <query>your search | stats count by some_value<query>
        <earliest>0</earliest>
        <latest></latest>
        <sampleRatio>1</sampleRatio>
      </search>
      ...
      <drilldown>
        <set token="test">$click.value$</set>
      </drilldown>
    </chart>
  </panel>
  <panel depends="$test$">
    <chart>
      <search>
        <query>your search $test$| stats count by some_value<query>
        </query>
        <earliest>0</earliest>
        <latest></latest>
        <sampleRatio>1</sampleRatio>
      </search>
      ...
    </chart>
  </panel>

If you wish, you can switch drilldown source and destination panels in same location using reject/depend attribute, but please note it requires reloading page if you want to back to drilldown source panel.

<panel rejects="$test$">
    <chart>
      <search>
        <query>your search | stats count by some_value<query>
        <earliest>0</earliest>
        <latest></latest>
        <sampleRatio>1</sampleRatio>
      </search>
      ...
      <drilldown>
        <set token="test">$click.value$</set>
      </drilldown>
    </chart>
  </panel>
  <panel depends="$test$">
    <chart>
      <search>
        <query>your search $test$| stats count by some_value<query>
        </query>
        <earliest>0</earliest>
        <latest></latest>
        <sampleRatio>1</sampleRatio>
      </search>
      ...
    </chart>
  </panel>

Hope it helps.

Re: Need to remove hand icon from a pie chart after drilldown

niketn — Thu, 16 Aug 2018 05:30:05 GMT

Add the following piece of code to your dashboard in order to override hand cursor with the default arrowcursor, provided pie chart id is myChart i.e. <chart id="myChart">

  <row depends="$alwysHideCSSStyle$">
    <panel>
      <html>
        <style>
          #myChart g.highcharts-series{
            cursor: default !important;
          }
        </style>
      </html>
    </panel>
  </row>