能否在forceNetwork中用数据集不同列设置linkDistance与linkWidth？

Absolutely! You can absolutely use different columns from your dataset to configure linkDistance and linkWidth separately in forceNetwork—it’s way simpler than you might think, even with basic JavaScript knowledge. Let me break this down for you step by step.

The Core Idea #

The linkDistance and linkWidth parameters in forceNetwork accept JavaScript functions where the parameter d represents a single row (edge) from your links dataset. This means you can directly reference any column in your links data by using d.your_column_name in the JS function.

Example Setup #

Let’s assume your links data frame looks something like this (with separate columns for width and distance):

library(networkD3)

# Sample links data with dedicated columns for width and distance
links <- data.frame(
  source = c(0, 0, 1, 2),
  target = c(1, 2, 3, 3),
  link_width_value = c(2, 5, 3, 7),  # Column for link width
  link_distance_value = c(80, 120, 90, 150)  # Column for link distance
)

# Sample nodes data (required for forceNetwork)
nodes <- data.frame(
  name = c("Node A", "Node B", "Node C", "Node D"),
  group = c(1, 2, 1, 2)
)

Case 1: Use link_width_value for linkWidth, link_distance_value for linkDistance #

Here’s how to map each column directly to the respective parameter:

forceNetwork(
  Links = links,
  Nodes = nodes,
  Source = "source",
  Target = "target",
  NodeID = "name",
  Group = "group",
  # Map linkWidth to the link_width_value column
  linkWidth = JS("function(d) { return d.link_width_value; }"),
  # Map linkDistance to the link_distance_value column
  linkDistance = JS("function(d) { return d.link_distance_value; }"),
  opacity = 0.8
)

Case 2: Reverse the mapping (or add scaling) #

If you want to use the link_distance_value for width and link_width_value for distance, or need to scale the values (e.g., to make lines thinner or distances more pronounced), just adjust the JS functions:

forceNetwork(
  Links = links,
  Nodes = nodes,
  Source = "source",
  Target = "target",
  NodeID = "name",
  Group = "group",
  # Use distance column for width, scaled down to avoid overly thick lines
  linkWidth = JS("function(d) { return d.link_distance_value * 0.05; }"),
  # Use width column for distance, with square root scaling (like your original example)
  linkDistance = JS("function(d) { return Math.sqrt(d.link_width_value) * 40; }"),
  opacity = 0.8
)

Quick Tips #

• Case Sensitivity: JavaScript is case-sensitive! Make sure the column name in d.your_column_name exactly matches the column name in your R data frame (e.g., if your column is LinkDistance, use d.LinkDistance, not d.linkdistance).
• Special Column Names: If your column has spaces or special characters, use bracket notation instead: d['Link Distance Value'].
• Scaling: Feel free to multiply/divide the values in the JS function to adjust the visual output to your liking—no need to modify the original dataset.

That’s all there is to it! You don’t need advanced JS skills here, just referencing the right column names in the function.

内容的提问来源于stack exchange，提问作者Jesse Kerr