如何使用 d3 创建可重用的 Vue 组件? [英] How do you create a reusable Vue component with d3?
查看：39
javascript
vue.js
d3.js
本文介绍了如何使用 d3 创建可重用的 Vue 组件?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试基于 D3 创建一个 Chart.vue 组件.我需要能够将多个实例添加到单个页面并将每个实例分开.
我已尝试将使用 uuid 生成的 ID 分配给将我的组件包装在模板中的 div:
<svg></svg></模板>
ID 是在创建组件时创建的.
相关文章
- 如何创建可重用的表单 Vue 组件;
- D3可重用图表函数创建多个图表;
- 具有可重用模式的D3语义缩放;
- 与d3可重用模式的交互性;
- Android的：如何创建可重用的组件？;
- 使用Dash组件嵌入D3 + HTML;
- 如何使用d3创建响应地图;
- 如何使用d3创建世界的choropleth？;
- 使用d3创建泳道图表;
- 如何为Vue.js实现D3;
- D3 with Backbone/D3 with Angular/D3 with Ember?;
- 多个组件中的 Vue 3 组合 API 重用;
- 如何使用AngularJS 2创建可重用的嵌套子窗体组件;
- D3:慢速可缩放热图;
- D3标签到可拖动的圆圈;
- D3：缓慢的可缩放热图;
- 使用D3创建分级符号映射;
- 使用D3创建DIV的动态列表;
- Vue 3 Composition API在多个组件中的重用;
- 如何使用d3创建堆叠的条形图?;
- D3与骨干/ D3与角/ D3与Ember？;
- 可缩放圆包上的"d3圆文字";
- angular2 d3:将d3 svg鼠标pos更新为组件属性;
- EmberJS 的可重用组件/视图;
- 在AngularJS可重用的组件;
前端开发最新文章
- 为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
- 错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
- 如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？;
- 如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
- 警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件;
- 如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
- 此请求已被阻止;内容必须通过HTTPS提供;
- 资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
- 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
- 拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。;
