Quantcast
Channel: Latest Questions on Splunk Answers
Viewing all articles
Browse latest Browse all 13053

Chart width in Sideview Utils Table module

$
0
0

I have a dashboard in which a Search at the top produces a datacube, which flow down to two post process modules then to a Table and a JSChart. Each row of the Table displays a Timechart. It is pretty much following the second example from the Sideview Utils Table module documentation with the exception that it produces Timecharts per row of the Table rather than bar charts via stats. Everything works fine except for the width of the charts, they seem to display with random widths. The first chart is about half the width of the screen, the second one appears to be full width, and the third one is less than full width but more than half width. I've tried setting the width parameter on JSChart, but it didn't help. Any ideas? My anonymized code is below:

<view autoCancelInterval="90" isSticky="False" isVisible="true" onunloadCancelJobs="true" template="dashboard.html" stylesheet="Metrics.css">
<label>My View</label>

<module name="AccountBar" layoutPanel="appHeader" />

<module name="AppBar" layoutPanel="appHeader" />

<module name="SideviewUtils" layoutPanel="appHeader" />

<module name="Message" layoutPanel="messaging">
    <param name="filter">*</param>
    <param name="maxSize">2</param>
    <param name="clearOnJobDispatch">False</param>
</module>

<module name="HTML" layoutPanel="viewHeader">
    <param name="html"><![CDATA[
    <h1>This is my sample view<h1> 
    ]]></param>
</module>

<module name="Search" layoutPanel="mainSearchControls" autoRun="True">
    <param name="search"> earliest=-30d@d latest=now My Search Params | stats count by foo, bar, baz, bin, bang, boom, _time </param>

    <module name="PostProcess" layoutPanel="panel_row1_col1">
        <param name="search">eval values="PLACEHOLDER" | stats count by foo values | table foo values</param>

        <module name="HiddenChartFormatter">
            <param name="charting.chart">line</param>
            <module name="Table">
                <module name="PostProcess" group="row.fields.values">
                    <param name="search">search foo="$row.fields.foo$" | timechart count by bar</param>
                    <module name="JSChart">                         
                    </module>
                </module> <!--PostProcess-->
            </module> <!--Table-->
        </module> <!--Chart formatter -->
</module> <!--postProcess -->

</module><!--Primary search -->
</view>

Viewing all articles
Browse latest Browse all 13053

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>