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!

Introducing the Splunk Community Dashboard Challenge!

Welcome to Splunk Community Dashboard Challenge! This is your chance to showcase your skills in creating ...

Wondering How to Build Resiliency in the Cloud?

IT leaders are choosing Splunk Cloud as an ideal cloud transformation platform to drive business resilience,  ...

Updated Data Management and AWS GDI Inventory in Splunk Observability

We’re making some changes to Data Management and Infrastructure Inventory for AWS. The Data Management page, ...