0

我最初在 D3plus 谷歌组上发布了这个，但没有收到任何回复，所以看看这里是否有人知道任何事情。

我已经使用 D3plus 创建了一个 Treemap，并且想编辑工具提示。我想为其中一个值添加一个 % 后缀，并且我想完全删除“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 也许我在调用代码或其他东西的顺序上犯了错误，但我真的卡住了，

提前感谢您的任何想法

4

2 回答 2

1

检查 d3plus 传递给您为数字格式提供的函数的键变量。它是一个对象。要检查您的“增长”密钥，请使用 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" })
于 2015-07-23T12:29:24.060 回答
0

我认为代替.font( {"size":10 } )你应该 .font( {"size":10,"resize"=false } )输入你的代码，因为默认情况下它是真的，如果调整大小被激活，你就不能改变大小。
我希望这会有所帮助

于 2015-11-06T08:20:10.253 回答