动态展示线路图组件 Vizceral

Apache
JavaScript 查看源码»
跨平台
Netflix
2016-08-04
开源中国股瞎

Vizceral是一组采用WebG标准实现的动态展示线路图组件,可以实现数据的查看以及交互。分为全局、部分区域、水平三个维度,使数据更为直观明了的展示。

此组件可以采取多个流量图,并将生成一个“全局”图,显示所有传入的流量到每个“区域”,支持跨区域通信。

使用:

如果使用 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();
的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

微服务架构下的监控需要注意哪些方面?

微服务架构在带来灵活性、扩展性、伸缩性以及高可用性等优点的同时,其复杂性也给运维工作中最重要的监控环节带来了很大的挑战,从用户的角度看,微服务架构下的监控应该注意哪些方面? 微服...

2018/12/30 11:04
14
0
微服务架构下的监控需要注意哪些方面?

微服务架构在带来灵活性、扩展性、伸缩性以及高可用性等优点的同时,其复杂性也给运维工作中最重要的监控环节带来了很大的挑战,从用户的角度看,微服务架构下的监控应该注意哪些方面? 微服...

2018/12/05 14:32
12
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部