All Apps and Add-ons

Splunk 6.x Dashboard Examples: Why does Force Direct diagram not render lines and how to fix this?

bandit
Motivator

The sample Force Direct diagram only renders the tips of the arrows(arrowheads), however not the arrow lines.
The preview graphic shows line and the arrow tips.
How can I render the arrow lines?

https://apps.splunk.com/app/1603/
http://localhost:8000/en-US/app/simple_xml_examples/custom_viz_forcedirected

![alt text][1] [1]: /storage/temp/24568-force-directed-thumbnail.jpg
![alt text][2] [2]: /storage/temp/24569-force-directed-example.jpg

The thumbnail in the app shows the lines.
The app example doesn't have the lines.

0 Karma
1 Solution

bmacias84
Champion

The force direction chart works in the Splunk Web Framework Toolkit. It appears to be an issue with attribute mapping.

View solution in original post

JonoCoetzee
Engager

I don't know if you solved this already but the problem is that the css file is not loaded in the example. The simplest way is to add require("css!./forcedirected.css"); to forcedirected.js so that it looks like the following:

define(function(require, exports, module) {

var _ = require('underscore');
var d3 = require("../d3/d3");
var SimpleSplunkView = require("splunkjs/mvc/simplesplunkview");

require("css!./forcedirected.css");

var ForceDirected = SimpleSplunkView.extend({
0 Karma

bmacias84
Champion

The force direction chart works in the Splunk Web Framework Toolkit. It appears to be an issue with attribute mapping.

bandit
Motivator

Any workaround until a fix is published to Splunk 6.x Dashboard Examples?

0 Karma

bmacias84
Champion

My suggestion would be to use the https://apps.splunk.com/app/1613/ and open a support ticket.

bandit
Motivator

The version in Web Framework Toolkit worked.

Thanks,

Rob

Get Updates on the Splunk Community!

Introducing Ingest Actions: Filter, Mask, Route, Repeat

WATCH NOW Ingest Actions (IA) is the best new way to easily filter, mask and route your data in Splunk® ...

Splunk Forwarders and Forced Time Based Load Balancing

Splunk customers use universal forwarders to collect and send data to Splunk. A universal forwarder can send ...

NEW! Log Views in Splunk Observability Dashboards Gives Context From a Single Page

Today, Splunk Observability releases log views, a new feature for users to add their logs data from Splunk Log ...