All Apps and Add-ons

increase the height of sunburst chart

supraja
Path Finder

Hi , 

 

i am trying to increase the height of sunburst chart height with below code. 

<option name="sunburst_viz.sunburst_viz.height">850</option>

but its not working.  could you please help. 

Labels (1)
0 Karma
1 Solution

Gr0und_Z3r0
Contributor

Hi @supraja 

Not sure how to set it exactly for the required height without changing the CSS. But you can play around with the height & width of the panel as per your dashboard. Use the panel resizing (DOT) seen under the visualization and align with the other panels on the dashboard.

Gr0und_Z3r0_0-1638347157499.png

<dashboard>
  <label>Test Sunburst Visualization</label>
  <row>
    <panel id="sunburst_panel1">
      <viz type="sunburst_viz.sunburst_viz">
        <search>
          <query>index=_internal | eval component = coalesce(component,"") | eval log_level = coalesce(log_level,"") | stats count by sourcetype component log_level</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
          <sampleRatio>1</sampleRatio>
        </search>
        <option name="drilldown">none</option>
        <option name="height">422</option>
        <option name="trellis.enabled">0</option>
        <option name="trellis.scales.shared">1</option>
        <option name="trellis.size">medium</option>
      </viz>
    </panel>
    <panel id="sunburst_panel2">
      <viz type="sunburst_viz.sunburst_viz">
        <search>
          <query>index=_internal | eval component = coalesce(component,"") | eval log_level = coalesce(log_level,"") | stats count by sourcetype component log_level</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
          <sampleRatio>1</sampleRatio>
        </search>
        <option name="drilldown">none</option>
        <option name="height">466</option>
        <option name="sunburst_viz.sunburst_viz.breadcrumbs">hide</option>
        <option name="sunburst_viz.sunburst_viz.color">schemeDark2</option>
        <option name="sunburst_viz.sunburst_viz.colormode">root</option>
        <option name="sunburst_viz.sunburst_viz.labelcolor">#000000</option>
        <option name="sunburst_viz.sunburst_viz.labels">show</option>
        <option name="sunburst_viz.sunburst_viz.labelsize">100</option>
        <option name="sunburst_viz.sunburst_viz.labelwidth">100</option>
        <option name="sunburst_viz.sunburst_viz.maxrows">1500</option>
        <option name="sunburst_viz.sunburst_viz.mode">static</option>
        <option name="trellis.enabled">0</option>
        <option name="trellis.scales.shared">1</option>
        <option name="trellis.size">medium</option>
      </viz>
    </panel>
  </row>
  <row depends="$alwaysHidden$">
    <panel>
      <html>
      <style>
        #sunburst_panel1{
          height: 60% !important;
          width: 40% !important;}
        #sunburst_panel2{
          height: 60% !important;
          width: 60% !important;}
      </style>
    </html>
    </panel>
  </row>
</dashboard>

  

If it helps, an upvote will be appreciated!

View solution in original post

Gr0und_Z3r0
Contributor

Hi @supraja 

Not sure how to set it exactly for the required height without changing the CSS. But you can play around with the height & width of the panel as per your dashboard. Use the panel resizing (DOT) seen under the visualization and align with the other panels on the dashboard.

Gr0und_Z3r0_0-1638347157499.png

<dashboard>
  <label>Test Sunburst Visualization</label>
  <row>
    <panel id="sunburst_panel1">
      <viz type="sunburst_viz.sunburst_viz">
        <search>
          <query>index=_internal | eval component = coalesce(component,"") | eval log_level = coalesce(log_level,"") | stats count by sourcetype component log_level</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
          <sampleRatio>1</sampleRatio>
        </search>
        <option name="drilldown">none</option>
        <option name="height">422</option>
        <option name="trellis.enabled">0</option>
        <option name="trellis.scales.shared">1</option>
        <option name="trellis.size">medium</option>
      </viz>
    </panel>
    <panel id="sunburst_panel2">
      <viz type="sunburst_viz.sunburst_viz">
        <search>
          <query>index=_internal | eval component = coalesce(component,"") | eval log_level = coalesce(log_level,"") | stats count by sourcetype component log_level</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
          <sampleRatio>1</sampleRatio>
        </search>
        <option name="drilldown">none</option>
        <option name="height">466</option>
        <option name="sunburst_viz.sunburst_viz.breadcrumbs">hide</option>
        <option name="sunburst_viz.sunburst_viz.color">schemeDark2</option>
        <option name="sunburst_viz.sunburst_viz.colormode">root</option>
        <option name="sunburst_viz.sunburst_viz.labelcolor">#000000</option>
        <option name="sunburst_viz.sunburst_viz.labels">show</option>
        <option name="sunburst_viz.sunburst_viz.labelsize">100</option>
        <option name="sunburst_viz.sunburst_viz.labelwidth">100</option>
        <option name="sunburst_viz.sunburst_viz.maxrows">1500</option>
        <option name="sunburst_viz.sunburst_viz.mode">static</option>
        <option name="trellis.enabled">0</option>
        <option name="trellis.scales.shared">1</option>
        <option name="trellis.size">medium</option>
      </viz>
    </panel>
  </row>
  <row depends="$alwaysHidden$">
    <panel>
      <html>
      <style>
        #sunburst_panel1{
          height: 60% !important;
          width: 40% !important;}
        #sunburst_panel2{
          height: 60% !important;
          width: 60% !important;}
      </style>
    </html>
    </panel>
  </row>
</dashboard>

  

If it helps, an upvote will be appreciated!

Get Updates on the Splunk Community!

Monitoring MariaDB and MySQL

In a previous post, we explored monitoring PostgreSQL and general best practices around which metrics to ...

Financial Services Industry Use Cases, ITSI Best Practices, and More New Articles ...

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

Splunk Federated Analytics for Amazon Security Lake

Thursday, November 21, 2024  |  11AM PT / 2PM ET Register Now Join our session to see the technical ...