30、D3实践指南

D3实践指南

1. 内容概述

在将基于D3的图表集成到应用程序时，会面临一些通用网页设计中固有的挑战，例如可视化的实现与样式设计是否由同一人负责、可视化是一次性使用还是会在多处复用，以及对要显示的数据有多少控制权等。本文将介绍一些在使用D3时非常实用的技巧，包括样式设置、坐标轴处理、Voronoi图的使用以及创建可复用的可视化等内容。

1.1 代码下载

代码可从 www.wrox.com/go/javascriptandjqueryanalysis 的“Download Code”标签下载，代码位于第16章的下载包中，并根据章节中的名称单独命名。

1.2 面临的挑战

• 样式与逻辑分离 ：如果实现可视化的人不负责样式设计，需要注意样式和视觉逻辑的分离，并创建一些关于类名使用的标准。
• 可视化复用性 ：制作可复用的可视化比一次性示例需要更多的考虑。
• 数据控制 ：除非是基于特定数据集进行可视化，否则需要确保代码能处理极端值。

2. 让D3图表外观完美

2.1 内联样式与CSS

SVG（或HTML）元素的外观可以通过两种方式设置：使用 .style() 操作符修改元素自身的样式，或使用CSS选择器为元素分配样式。