gywgithub / vue-d3-examples

vue d3 examples

English | 简体中文

Vue D3 V5 Examples

Vue D3 V5 Examples

npm: v6.7.0

node: v11.10.0

vue: v2.6.6

d3: v5.12.0

Online Preview

https://gywgithub.github.io/vue-d3-examples/

Features

• Basic
• Tree
• BarChart
• Zoom
• Force
• Histogram
• Lines

Project setup

npm install

npm run lint & npm run serve

npm run dev

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production (Support only deploy to GitHub)

npm run build

Code for lint check

npm run lint

License

MIT License

vue-d3-examples's Issues

Change language sidebar exception

Add fuzzy search function

e.g.

Add search function

Objective

Support searching sidebar menu, document content, etc.

ForceBasedI item exception in GitHub Pages mode

Button Tooltip exception

d3.js与vue交互问题

你好，我想请教你一个d3.js与vue交互的问题。
我想在d3.js点击事件发生后修改vue中data的数据，但是一直没有找到方法。
祝好，万分感谢！

The browser address bar directly input the specified page URL, the left menu navigation does not match

Firefox diplay exception

The content of clicking back and forth in the sidebar of Firefox is abnormal.

force-director-graph在节点周围怎么绘制其他图标呢

鼠标移入节点周围显示 锁 扩展 删除 图标，怎么绘制呢？

d3不显示问题

源码移到自己项目中，报错
TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them
at Function.invokeGetter (:1:142)
at VueComponent.mounted (http://localhost/app.7b5921888298c407bb52.hot-update.js:292:21)
at invokeWithErrorHandling (http://localhost/app.js:132484:57)
at callHook (http://localhost/app.js:134838:7)
at Object.insert (http://localhost/app.js:133767:7)
at invokeInsertHook (http://localhost/app.js:136961:28)
at VueComponent.patch [as patch] (http://localhost/app.js:137180:5)
at VueComponent.Vue._update (http://localhost/app.js:134567:19)
at VueComponent.updateComponent (http://localhost/app.js:134685:10)
at Watcher.get (http://localhost/app.js:135098:25)

Sidebar exception

Browse the content under the narrow screen, the sidebar is closed, and the menu item cannot be selected when it is opened.

When collapsing, add child node error

Bug Describe：
The parent node is collapsed and a child node is added;
The parent node is collapsed, and a child node is added;

Expected Results:：
show 2 child nodes

Actual Results：
Only show 1 child node