Dotted Line chart with Multiple Lines

Dark_Ichigo — Tue, 06 Mar 2012 05:52:40 GMT

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>

Re: Dotted Line chart with Multiple Lines

bbingham — Tue, 06 Mar 2012 06:33:38 GMT

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

Re: Dotted Line chart with Multiple Lines

Dark_Ichigo — Tue, 06 Mar 2012 06:57:00 GMT

I have added the XML

Re: Dotted Line chart with Multiple Lines

bbingham — Tue, 06 Mar 2012 07:38:42 GMT

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

Re: Dotted Line chart with Multiple Lines

Dark_Ichigo — Tue, 06 Mar 2012 23:56:47 GMT

Yes, you were %100 correct

Thanks!!

topic Dotted Line chart with Multiple Lines in Splunk Search

Dotted Line chart with Multiple Lines

Re: Dotted Line chart with Multiple Lines

Re: Dotted Line chart with Multiple Lines

Re: Dotted Line chart with Multiple Lines

Re: Dotted Line chart with Multiple Lines