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!

Technical Workshop Series: Splunk Data Management and SPL2 | Register here!

Hey, Splunk Community! Ready to take your data management skills to the next level? Join us for a 3-part ...

Spotting Financial Fraud in the Haystack: A Guide to Behavioral Analytics with Splunk

In today's digital financial ecosystem, security teams face an unprecedented challenge. The sheer volume of ...

Solve Problems Faster with New, Smarter AI and Integrations in Splunk Observability

Solve Problems Faster with New, Smarter AI and Integrations in Splunk Observability As businesses scale ...