D3plus选项对图表没有影响

Question

我最初把这篇文章贴在D3plus Google组上，但没有收到任何回应，所以看看这里是否有人知道些什么。

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

下面是我添加的变量...

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传递给您提供的用于设置数字格式的函数的关键变量。它是一个物体。要检查"growth“密钥，请使用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" })

Answer 2

我认为你应该在代码中放入.font( {"size":10,"resize"=false } )，因为在默认情况下，它是真的，如果激活了调整大小，你就不能改变大小。

我希望这能有所帮助。