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

我最初将其发布在D3plus Google小组中，但未收到任何回复，因此请查看此处是否有人知道。

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

这是我添加的变量...

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也许我在调用代码或类似内容的顺序上犯了一个错误，但我确实陷入困境，

预先感谢您的任何想法

最佳答案

检查键变量，确保d3plus传递给您提供的用于数字格式的功能。这是一个对象。要检查您的“增长”密钥，请使用key.key：

.format({

  "number": function(number, key) {

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

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

  }
})

要删除工具提示中的“ share”行，请使用相应的键：

.tooltip({
    "share": false
})

不幸的是，我无法更改字体大小-只有更改字体系列才行。

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