Bar Chart Visualization

intern_jos — Mon, 18 Jan 2016 07:11:18 GMT

I would like to know if there is a way to display the total number of events at the top of the bar chart instead of using mouse over to see the exact number of events.

Thanks.

Re: Bar Chart Visualization

MuS — Mon, 18 Jan 2016 07:33:23 GMT

Hi intern_jos,

Yes, you can enable this in the Visualization Format options:

and click on show data values. The result will be the values on the bars:

Hope this helps ...

cheers, MuS

Re: Bar Chart Visualization

chimell — Mon, 18 Jan 2016 08:08:00 GMT

Hi intern_jos
use these files if you work on splunk 6.2.x

1- xml code

<form script="custom_chart.js" stylesheet="custom_chart.css">
    <label>count by sourcetype</label>
   <fieldset autoRun="false" submitButton="false">

    <input type="time" token="tm" searchWhenChanged="true">
    <label>Select a time:</label>
    <default>All Time</default>
    </input>



  </fieldset>


  <row grouping="2">
        <html>
          <h2><strong>count by sourcetype</strong></h2>
            <div id="chart1" />
        </html>
        <table id="table1">
            <searchString>index=_internal |stats count by sourcetype</searchString>
            <earliestTime>$tm.earliest$</earliestTime>
            <latestTime>$tm.latest$</latestTime>
        </table>
    </row>


</form>

2- here is the js file

require([
    'underscore',
    'jquery',

    'splunkjs/mvc/utils',
    'splunkjs/mvc',
    'splunkjs/mvc/d3chart/d3chartview',
    'util/moment',
    'splunkjs/mvc/simplexml/ready!'
], function(_, $, utils, mvc, D3ChartView, moment) {

    // Re-use the search manager of the results table
    // var SearchManager = require("splunkjs/mvc/searchmanager");
     var tableManagerid1 = mvc.Components.get('table1').settings.get('managerid');
    // Create the D3 chart view
    var Barchart1 = new D3ChartView({
        "id": "chart1",
        "managerid": tableManagerid1,
        "type": "multiBarHorizontalChart",
        "drilldown": "full",
        "drilldownRedirect": false,
        "el": $('#chart1')
    }).render();

    Barchart1.settings.set("setup", function(chart) {
        // Configure chart formatting
        chart.color(d3.scale.category10().range())
        chart.showControls(true);
        chart.showValues(true); //Show bar value next to each bar.
        chart.tooltips(true);

    }); 

});

3- and the css file

#chart1
 {
    height: 450px;
}

Re: Bar Chart Visualization

intern_jos — Tue, 19 Jan 2016 00:42:35 GMT

Hi,

Thanks for this answer but sadly mine is Splunk 6.2 so does not have this function.
It would be great for Splunk 6.3 users!

topic Re: Bar Chart Visualization in Dashboards & Visualizations

Bar Chart Visualization

Re: Bar Chart Visualization

Re: Bar Chart Visualization

Re: Bar Chart Visualization