D3 and jQuery multifunctional chart (original work)

Add-ons

2026-07-26 04:32 6 次浏览 • 0 次下载 3.8KB

D3 and jQuery multifunctional chart (original work)

Plugin description: A multifunctional chart based on D3. Supports adding descriptions, collapsing nodes, and zooming the entire chart with the mouse wheel.

Last updated: 2019-11-17 23:33:56

1. Zoom nodes in and out using the plus and minus buttons on each node.

2. Add descriptions to connecting lines between nodes.

3. Bind custom events to node descriptions (examples are provided and can be used directly).

Based on D3 and jquery1.10

1 2	`<script` `src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>` `<script` `type="text/javascript"` `src="http://d3js.org/d3.v3.min.js"></script>`

Define the canvas element

1	`<div` `id="main"` `></div>`