Question

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

我使用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也许我按照我调用代码的顺序犯了一个错误，但我真的卡住了，

提前感谢任何想法

Answer 1

检查关键变量，d3plus传递给您为数字格式提供的功能。它是一个对象。检查你的成长＆＃34; key use key.key：

.format({

  "number": function(number, key) {

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

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

  }
})

删除＆＃34;分享＆＃34;工具提示中的行使用相应的键：

.tooltip({
    "share": false
})

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

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

Answer 2

我认为应该放.font( {"size":10 } ) 代码中的.font( {"size":10,"resize"=false } )因为，默认情况下是真的，如果激活调整大小，则无法更改大小。
我希望这可以帮助

D3plus选项对图表没有影响

2 个答案: