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!

Splunk Mobile: Your Brand-New Home Screen

Meet Your New Mobile Hub  Hello Splunk Community!  Staying connected to your data—no matter where you are—is ...

Introducing Value Insights (Beta): Understand the Business Impact your organization ...

Real progress on your strategic priorities starts with knowing the business outcomes your teams are delivering ...

Enterprise Security (ES) Essentials 8.3 is Now GA — Smarter Detections, Faster ...

As of today, Enterprise Security (ES) Essentials 8.3 is now generally available, helping SOC teams simplify ...