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
Get Updates on the Splunk Community!

Updated Team Landing Page in Splunk Observability

We’re making some changes to the team landing page in Splunk Observability, based on your feedback. The ...

New! Splunk Observability Search Enhancements for Splunk APM Services/Traces and ...

Regardless of where you are in Splunk Observability, you can search for relevant APM targets including service ...

Webinar Recap | Revolutionizing IT Operations: The Transformative Power of AI and ML ...

The Transformative Power of AI and ML in Enhancing Observability   In the realm of IT operations, the ...