Splunk Search

Dotted Line chart with Multiple Lines

Dark_Ichigo
Builder

A while back I posted this question: http://splunk-base.splunk.com/answers/29015/dotted-line-chart

The answer gave me exactly what I wanted, which was to be able to customize the lines I have on a chart, I was able to create dotted Lines and change Line Thickness...etc successfully.

Now I have more than 7 Lines on the same chart, when adding the necessary steps to customise a Line or two, nothing seems to take effect not matter what I do.

I assume the cause would be having too many Lines on one chart?

Note: My chart also has two Yaxis

Requested XML

Although, I do think that when having two Yaxis on a chart, customizing the Lines doesnt seem possible, that could be the reason.

The below is what you need:

<module name="HiddenPostProcess" group="Single Value">
                                                                                                            <param name="search">SEARCH</param>
                                                                                                            <module name="HiddenChartFormatter" group="Chart">
                                                                                                                <param name="chart">line</param>
                                                                                                                <param name="chart.nullValueMode">gaps</param>
                                                                                                                <param name="charting.primaryAxisTitle.text">Time</param>



                                                                                                            <param name="charting.primaryAxisTitle.visibility">collapsed</param>


                                                                                                            <param name="charting.legend.minimumWidth">200</param>
                                                                                                            <param name="charting.legend.maximumWidth">200</param>
                                                                                                            <param name="charting.legend.labelStyle.wordWrap">true</param>
                                                                                                                                                                                        <param name="charting.axisLabelsY.majorLabelStyle.wordWrap">true</param>

                                                                                                        <param name="charting.legend.placement">right</param>
                                                                                                            <param name="charting.legend.minimumWidth">150</param>
                                                                                                            <param name="charting.legend.wordWrap">true</param>

                                                                                                            <param name="charting.OneBrush">dashedStroke</param>
                                                                                                            <param name="charting.OneBrush.color">0x000000</param>
                                                                                                            <param name="charting.OneBrush.thickness">2</param>
                                                                                                            <param name="charting.TwoBrush">dashedStroke</param>
                                                                                                            <param name="charting.TwoBrush.color">0x3D3D3D</param>
                                                                                                            <param name="charting.TwoBrush.thickness">2</param>

                                                                                                            <param name="charting.ThreeBrush">dashedStroke</param>
                                                                                                            <param name="charting.ThreeBrush.color">0x66CC00</param>
                                                                                                            <param name="charting.ThreeBrush.thickness">2</param>

                                                                                                            <param name="charting.FourBrush">dashedStroke</param>
                                                                                                            <param name="charting.FourBrush.dashSize">10</param>
                                                                                                            <param name="charting.FourBrush.dashSpacing">10</param>
                                                                                                            <param name="charting.FourBrush.color">0x66BBDD</param>                                                   
                                                                                                            <param name="charting.FourBrush.thickness">10</param>

                                                                                                            <param name="charting.FiveBrush">dashedStroke</param>
                                                                                                            <param name="charting.FiveBrush.dashSize">10</param>
                                                                                                            <param name="charting.FiveBrush.dashSpacing">10</param>
                                                                                                            <param name="charting.FiveBrush.color">0x66BBDD</param>                                                   
                                                                                                            <param name="charting.FiveBrush.thickness">15</param>                                                                                           

                                                                                                            <param name="charting.SixgBrush">solidStroke</param>
                                                                                                            <param name="charting.SixBrush.color">0x247FA3</param>
                                                                                                            <param name="charting.SixBrush.thickness">2</param>

                                                                                                            <param name="charting.SevenBrush">dashedStroke</param>
                                                                                                            <param name="charting.SevenBrush.dashSize">2</param>
                                                                                                            <param name="charting.SevenBrush.dashSpacing">3</param>
                                                                                                            <param name="charting.SevenBrush.color">0x00CC66</param>
                                                                                                            <param name="charting.SevenBrush.thickness">2</param>                                                                                                               
                                                                                                            <param name="charting.EightBrush">dashedStroke</param>
                                                                                                            <param name="charting.EightBrush.dashSize">2</param>
                                                                                                            <param name="charting.EightBrush.dashSpacing">4</param>
                                                                                                            <param name="charting.EightBrush.color">0x243FA3</param>
                                                                                                            <param name="charting.EightBrush.thickness">20</param>

                                                                                                            <param name="charting.NumberBrushPalette">field</param>
                                                                                                            <param name="charting.chart.lineBrushPalette">@myBrushPalette</param>
                                                                                                            <param name="charting.myBrushPalette">field</param>
                                                                                                            <param name="charting.myBrushPalette.fieldBrushes">{One:@OneBrush,Two:@aTwoBrush,Three:@ThreeBrush,Four:@FourBrush,Five:@FiveBrush,Six:@SixBrush,Seven:@SevenBrush,Eight:@EightBrush}</param>

                                                                                                            <param name="charting.axisX">time</param>
                                                                                                            <param name="charting.axisY">numeric</param>        
                                                                                                            <param name="charting.axisY2">numeric</param>
                                                                                                            <param name="charting.axisTitleX.text">Time</param>
                                                                                                            <param name="charting.axisTitleX.visibility">collapsed</param>
                                                                                                            <param name="charting.axisTitleY.text">VALUE</param>
                                                                                                            <param name="charting.axisTitleY2">#axisTitleY</param>
                                                                                                            <param name="charting.axisTitleY2.text">VALUE1</param>
                                                                                                            <param name="charting.axisTitleY2.placement">right</param>
                                                                                                            <param name="charting.axisY.minimumNumber">0</param>
                                                                                                            <param name="charting.axisY2.minimumNumber">0</param>
                                                                                                            <!--param name="charting.axisY2.maximumNumber">100</param-->
                                                                                                            <param name="charting.axisLabelsY2">#axisLabelsY</param>
                                                                                                            <param name="charting.axisLabelsY2.axis">@axisY2</param>
                                                                                                            <param name="charting.axisLabelsY2.placement">right</param>
                                                                                                            <param name="charting.data0">results</param>
                                                                                                            <param name="charting.data0.jobID">@data.jobID</param>
                                                                                                            <param name="charting.data1">view</param>
                                                                                                            <param name="charting.data1.table">@data0</param>
                                                                                                            <param name="charting.data1.columns">[0,1:3]</param>
                                                                                                            <param name="charting.data2">view</param>
                                                                                                            <param name="charting.data2.table">@data0</param>
                                                                                                            <param name="charting.data2.columns">[0,12:16]</param>
                                                                                                            <param name="charting.chart1.data">@data1</param>
                                                                                                            <param name="charting.chart1">line</param>
                                                                                                            <param name="charting.chart1.axisY">@axisY</param>
                                                                                                            <param name="charting.chart2.data">@data2</param>
                                                                                                            <param name="charting.chart2">line</param>
                                                                                                            <param name="charting.chart2.axisY">@axisY2</param>
                                                                                                            <param name="charting.layout.margin">(0,0,-5,-15)</param>
                                                                                                            <param name="charting.layout.charts">[@chart1,@chart2]</param>
                                                                                                            <param name="charting.layout.axisTitles">[@axisTitleX,@axisTitleY,@axisTitleY2]</param>
                                                                                                            <param name="charting.layout.axisLabels">[@axisLabelsX,@axisLabelsY,@axisLabelsY2]</param>
                                                                                                            <module name="FlashChart">
                                                                                                                <param name="width">100%</param>
                                                                                                                <param name="height">360px</param>
                                                                                                                <param name="enableResize">False</param>
                                                                                                            </module>
                                                                                                        </module>
                                                                                                    </module>
0 Karma
1 Solution

bbingham
Builder

you're setting the lineburshes on "chart" but then referencing "chart1" and "chart2" on the chart.layout. You need to have your respective charts use your brushpallette

View solution in original post

bbingham
Builder

you're setting the lineburshes on "chart" but then referencing "chart1" and "chart2" on the chart.layout. You need to have your respective charts use your brushpallette

Dark_Ichigo
Builder

Yes, you were %100 correct

Thanks!!

0 Karma

Dark_Ichigo
Builder

I have added the XML

0 Karma

bbingham
Builder

You should be able to customize as many as you need, post your xml and let me take a look

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!

Announcing Modern Navigation: A New Era of Splunk User Experience

We are excited to introduce the Modern Navigation feature in the Splunk Platform, available to both cloud and ...

Observability Simplified: Combining User Experience, Application Performance & ...

Tech Talk Observability Simplified: Combining User Experience, Application Performance & Network ...

Event Series May & June: From Network Visibility to Service Intelligence

Unifying the Network: Moving from Alert Noise to Service Intelligence with Splunk ITSI In today’s hybrid ...