javascript - D3plus 选项对图表没有影响

Question

我最初在 D3plus Google 群组上发布了此内容，但尚未收到任何回复，所以看看这里是否有人知道任何事情。

我已经使用 D3plus 创建了一个树形图，并且想要编辑工具提示。我想向其中一个值添加 % 后缀，并且我想完全删除“共享”行。我还想更改全局字体大小。

这是我添加的变量...

var visualization = d3plus.viz()
.container("#viz")
.data(sample_data)
.type("tree_map")
.id("name")
.size("value")
.font( {"size":10 } )//to change font size
.color("growth")
.format({

  "number": function(number, key) {

    var formatted = d3plus.number.format(number, key)

    if (key === "growth") {
      return formatted + " %"
    }
    else {
      return formatted
    }

  }
}) // to add prefix
.draw()


});

它们似乎没有任何效果

这是我的图表的链接... http://thetally.efinancialnews.com/tallyassets/pensions2/index.html也许我在调用代码的顺序或其他什么方面犯了错误，但我真的陷入困境，

提前感谢您的任何想法

Answer 1

检查 d3plus 传递给您提供的用于数字格式化的函数的关键变量。它是一个物体。要检查您的“增长” key ，请使用 key.key:

.format({

  "number": function(number, key) {

    var formatted = d3plus.number.format(number, key)

    if (key.key === "growth") {
      return formatted + " %"
    }
    else {
      return formatted
    }

  }
})

要删除工具提示中的“共享”行，请使用相应的键:

.tooltip({
    "share": false
})  

不幸的是，我无法更改字体大小 - 仅更改字体系列似乎有效......

.font({ "family": "Times" })