Vizceral动态展示线路图组件
Vizceral是一组采用
使用:
如果使用 React 或者 web 组件,可参看以下两个项目:
或者从零开始:
npm install vizceral --save
import Vizceral from 'vizceral'; const viz = new Vizceral(); // Add event handlers for the vizceral events viz.on('viewChanged', view => {}); viz.on('nodeHighlighted', node => {}); viz.on('rendered', data => {}); viz.on('nodeContextSizeChanged', dimensions => {}); // Sample data viz.updateData({ name: 'us-west-2', renderer: 'global', nodes: [ {name: 'INTERNET'}, {name: 'service'} ], connections: [ { source: 'INTERNET', target: 'service', metrics: { normal: 100, warning: 95, danger: 5 }, metadata: { streaming: true } } ] }); viz.setView(); viz.animate();
评论
Vizceral动态展示线路图组件
Vizceral是一组采用WebG标准实现的动态展示线路图组件,可以实现数据的查看以及交互。分为全局、部分区域、水平三个维度,使数据更为直观明了的展示。此组件可以采取多个流量图,并将生成一个“全局”图
Vizceral动态展示线路图组件
0
Vue.DraggableVue 动态拖放组件
Vue.Draggable是基于Sortable.js的Vue拖放组件。它允许拖放和视图模型数组同步,基于并提供Sortable.js的所有功能。Demo特性完全支持Sortable.js功能:支持触
Vue.DraggableVue 动态拖放组件
0
Vizceral-ReactReact 封装 Vizceral
Vizceral-React,React 封装 Vizceral。使用:npm install vi
Vizceral-ReactReact 封装 Vizceral
0
ADBannerAutoScrolliOS展示Banner轮播组件
用于展示Banner广告,实现自动轮播,无限循环滚动功能 1.支持本地和在线banenr图片的展
ADBannerAutoScrolliOS展示Banner轮播组件
0
ADBannerAutoScrolliOS展示Banner轮播组件
用于展示Banner广告,实现自动轮播,无限循环滚动功能1.支持本地和在线banenr图片的展示(在线url使用SDWebimage下载);2.添加自动展示banner定时的控制;3.添加自动展示ba
ADBannerAutoScrolliOS展示Banner轮播组件
0