这是一いち个尝试利用りよう Vue 结合 D3.js 进行数すう据すえ可か视化开发的てき练手案あん例れい

公司こうし的てき业务是ぜ给政府せいふ部ぶ门做数すう据すえ可か视化的てき，开发环境和わ运行环境都と是ぜ在ざい公安こうあん内ない网中进行的てき，由ゆかり于不能ふのう使用しよう互联网，因いん此项目め开发没ぼつ有ゆう采さい用よう前ぜん端はし工程こうてい化か的てき方案ほうあん，但ただし自己じこ却想尝试一いち下か，看み看み用よう框かまち架か开发可か视化项目是ぜ什么样子，因いん此就做了这个   

• 多た页面项目，利用りよう vue-router 进行路ろ由よし管理かんり
• 练习了りょう常用じょうよう图表（柱状ちゅうじょう图、饼图、地ち图）在ざい Vue 中ちゅう的てき实现
• 数かず据すえ采さい用よう Mockjs 模かたぎ拟实现，全ぜん是ぜ随ずい机つくえ数すう据すえ

• Vue
• vue-router
• D3.js 4.0
• Mockjs

git clone https://github.com/funlee/vue-visualization.git
cd vue-visualization
npm install
npm run dev

然しか后きさき在ざい浏览器き里さと输入：http:localhost:8080 即そく可か访问

在ざい线访问：http://show.funlee.cn/vue-visualization

D3.js 是ぜ基もと于数据すえ来らい操作そうさ DOM 的てき JavaScript 库，而 Vue 允まこと许开发者明あきら确地向こう DOM 呈てい现数据すえ并抽象ちゅうしょう出で复杂的てき逻辑；这两个都试图做类似に的てき事情じじょう，但ただし是ぜ如果组合在ざい一起可能难以保持逻辑一致，因いん此在绘制图表的てき时候，要よう明あかり确图表ひょう的てき DOM 由よし谁来管理かんり；我が的てき心得こころえ就是，简单的てき（平面へいめん直角ちょっかく坐すわ标系图表）图表由ゆかり Vue 来らい管理かんり，复杂的てき图表（SVG-PATH 居きょ多た的てき）由ゆかり D3.js 来らい管理かんり