上传者: 42126865
|
上传时间: 2021-10-26 00:08:55
|
文件大小: 155KB
|
文件类型: -
#How 在 D3.js 中创建工具提示名称: Maria Cristina Di Termine类别: D3.js 框架
日期: 2015 年 5 月
工具提示是当鼠标悬停在视图的特定元素上时会出现的一条信息。 有些人用不同的名称来称呼它,例如“悬停框”、“信息提示”或“提示”,但可以肯定的是,它是显示信息的有用工具,也可以成为我们项目的时尚元素。 我想向您展示我如何在 D3.js 项目中制作工具提示。 首先,我创建了一个关于一个简单参数的通用条形图:巧克力。 我有两个值:牛奶的百分比(Y)和可可的百分比(X)。 在我的图表最后,我会得到 4 种不同口味的巧克力棒! 我需要做的是使用名称指定哪种巧克力棒,例如“lightchoco”、“milkchoco”等。我将在我的工具提示中显示这些巧克力名称,可能还会使用额外的图片。
##工具提示
现在我们有了条形图,我们可以创建工具提示。 为此