Dashboards & Visualizations

Floating Bar or Range Column Charts

justgrumpy
Path Finder

Is there a way to create floating bar, range column, or gantt charts?

1 Solution

justgrumpy
Path Finder

I figured out a way to simulate this type of chart thanks to the answer to another charting related question.

I defined my own brush pallet. There are only two brushes in the pallet. The first one has an alpha transparency value of 0 (transparent). The second brush has the color for the "floating" bar.

<module name="HiddenChartFormatter">
<param name="charting.chart">bar</param>
<param name="charting.chart.stackMode">stacked</param>
<param name="charting.axisTitleX.text">milliseconds</param>
<param name="charting.axisTitleY.text"></param>
<param name="charting.legend.placement">none</param>
<param name="charting.b1">solidFill</param>
<param name="charting.b1.alpha">0</param>
<param name="charting.b2">solidFill</param>
<param name="charting.b2.color">0x0033CC</param>
<param name="charting.b2.alpha">1.0</param>
<param name="charting.myBrushPalette">list</param>
<param name="charting.myBrushPalette.brushes">[@b1,@b2]</param>
<param name="charting.chart.barBrushPalette">@myBrushPalette</param>
<module name="FlashChart" />
</module>

This chart is designed to render a table with three columns. The first will be some series of data, the second an offset, and the third a duration. Refer to the following:

action offset duration
A 0 95
B 8 39
C 13 32
D 29 13
E 31 11
F 36 2



I can't provide a picture of the rendered chart because I don't yet have enough karma. I'll edit this answer in the future with a picture of the chart.

View solution in original post

justgrumpy
Path Finder

I figured out a way to simulate this type of chart thanks to the answer to another charting related question.

I defined my own brush pallet. There are only two brushes in the pallet. The first one has an alpha transparency value of 0 (transparent). The second brush has the color for the "floating" bar.

<module name="HiddenChartFormatter">
<param name="charting.chart">bar</param>
<param name="charting.chart.stackMode">stacked</param>
<param name="charting.axisTitleX.text">milliseconds</param>
<param name="charting.axisTitleY.text"></param>
<param name="charting.legend.placement">none</param>
<param name="charting.b1">solidFill</param>
<param name="charting.b1.alpha">0</param>
<param name="charting.b2">solidFill</param>
<param name="charting.b2.color">0x0033CC</param>
<param name="charting.b2.alpha">1.0</param>
<param name="charting.myBrushPalette">list</param>
<param name="charting.myBrushPalette.brushes">[@b1,@b2]</param>
<param name="charting.chart.barBrushPalette">@myBrushPalette</param>
<module name="FlashChart" />
</module>

This chart is designed to render a table with three columns. The first will be some series of data, the second an offset, and the third a duration. Refer to the following:

action offset duration
A 0 95
B 8 39
C 13 32
D 29 13
E 31 11
F 36 2



I can't provide a picture of the rendered chart because I don't yet have enough karma. I'll edit this answer in the future with a picture of the chart.

melting
Splunk Employee
Splunk Employee

Not currently. Please feel free to contact support and make an official request! Good ideas.

0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Your Feedback. Our Roadmap. Visit the PX Feedback Booth at .conf26

You use Splunk every day, come and help shape what's next.  Save Your Seat: Product-Focused Sessions at ...

Agentic SOC Triage: Investigating Splunk ES Notables with MCP Server and a Local LLM

The Problem: Too Many Alerts, Too Little Context Security operations teams running Splunk Enterprise Security ...

Painting a Clearer Picture: Creating Cross-Domain Visibility with AI Canvas

Watch Now Painting a Clearer Picture: Creating Cross-Domain Visibility with AI Canvas     Do you ever feel ...