文件名称：D3.js-Tooltip:D3.js 的工具提示
文件大小：155KB
文件格式：ZIP
更新时间：2024-06-23 08:44:11
JavaScript
#How 在 D3.js 中创建工具提示名称： Maria Cristina Di Termine类别： D3.js 框架 日期： 2015 年 5 月 工具提示是当鼠标悬停在视图的特定元素上时会出现的一条信息。 有些人用不同的名称来称呼它，例如“悬停框”、“信息提示”或“提示”，但可以肯定的是，它是显示信息的有用工具，也可以成为我们项目的时尚元素。 我想向您展示我如何在 D3.js 项目中制作工具提示。 首先，我创建了一个关于一个简单参数的通用条形图：巧克力。 我有两个值：牛奶的百分比（Y）和可可的百分比（X）。 在我的图表最后，我会得到 4 种不同口味的巧克力棒！ 我需要做的是使用名称指定哪种巧克力棒，例如“lightchoco”、“milkchoco”等。我将在我的工具提示中显示这些巧克力名称，可能还会使用额外的图片。 ##工具提示 现在我们有了条形图，我们可以创建工具提示。 为此
【文件预览】：
D3.js-Tooltip-master
----index.html(199B)
----.DS_Store(6KB)
----bar4.png(13KB)
----chocobar.js(3KB)
----bar1.png(17KB)
----bar2.png(16KB)
----screenshot.png(38KB)
----README.md(7KB)
----d3.v3.min.js(148KB)
----bar3.png(15KB)
----style.css(992B)