javascript - 如何一次在d3中设置多个样式属性

Question

我想清理和抽象我的一些 css 声明，但无法弄清楚如何去做。我想定义一个obj并将其作为参数传递给该style方法。

我的package.json有"d3-selection": "1.4.0",

当前代码：

import { select } from "d3-selection";

var tooltip = select("body")
      .append("div")
      .style("position", "absolute")
      .style("visibility", "hidden")
      .style("background-color", "white")
      .style("padding", "5px");

理想的：

import { select } from "d3-selection";

const styles = {
  "position": "absolute",
  "visibility": "hidden",
  "background-color": "white",
  "padding": "5px"
} // `styles` would be imported from an external `styles.js` file.

var tooltip = select("body")
      .append("div")
      .style(styles);

关于如何实现这一点的任何想法？

我尝试使用d3-selection-multi，但不断出现错误

选择多

import { select } from "d3-selection";
import { select as selection } from "d3-selection-multi";

const styles = {
  "position": "absolute",
  "visibility": "hidden",
  "background-color": "white",
  "padding": "5px"
} // `styles` would be imported from an external `styles.js` file.

var tooltip = selection("body")
      .append("div")
      .styles(styles);

错误：

未捕获的 TypeError：Object(...) 不是函数

标签： javascriptcssreactjsd3.js