当前位置: 首页 > 软件库 > iOS代码库 > 图表(Charting) >

Vizceral

动态展示线路图组件
授权协议 Apache
开发语言 JavaScript
所属分类 iOS代码库、 图表(Charting)
软件类型 开源软件
地区 不详
投 递 者 秦学林
操作系统 跨平台
开源组织 Netflix
适用人群 未知
 软件概览

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();
 相关资料
  • 调查 Function bind 操作符 支持工程引用 readonly 修饰符 调查 具名类型支持 Language Service API里支持代码重构功能 扁平化声明 切换到基于转换的生成器 支持ES5/ES3 async/await 支持ES7对象属性展开及剩余属性 规定函数的this类型 属性访问上的类型保护 切换类型保护 支持常量和Symbol上计算属性的类型检查 可变类型 外部装饰器

  • 任务列表 下面表格记录了还没有实现的功能特性,欢迎大家认领任务,参与贡献。 类型 任务 困难度 认领人及时间 计划完成时间 进度 相关 Issue 代码 支持多个 Web 应用合并部署,采用多 Host/单 Host 两种模式 难 代码 支持 telnet 指令查看 ark plugin 简单 代码 支持 telnet 指令查看 jvm/rpc 服务 中 版本迭代计划 v0.5.0 支持多个 We

  • 任务列表 部分内部已有的功能特性,待内部整理完毕后随各个迭代放出。 如果还没有实现的功能特性会列在下面的表格中,欢迎大家认领任务,参与贡献。 类型 任务 困难度 认领人及时间 计划完成时间 进度 相关Issue 文档 文档翻译 低 代码 弹性长连接管理方式 低 #56 代码 etcd注册中心实现 中 @wynn5a 2018-6 #153 代码 eureka注册中心实现 中 @liufeiit 2

  • 任务列表 欢迎大家领取任务参与贡献。 类型 任务 困难度 认领人及时间 计划发布时间 计划完成时间 进度 相关 issue 代码 SOFATracer 性能优化专题 高 issue 18和 issue 11 代码 SOFATracer 支持 HttpClient 中 已经完成,见 HttpClient 接入文档 代码 SOFATracer 数据汇报能力提供在非 SOFABoot 框架下的运行和配置

  • echarts折线图展示问题: 使用折线图展示一年的采购价格,哪一天采购了就会有一个对应的价格数据,没有采购的日期数据就为空.使用‘connectNulls’将数据连接起来 遇到的问题是,由于x轴坐标太多,echarts自身进行了优化展示,会导致’2023-12-01‘对应的‘12’这个数据点不展示。由于每个点都代表着“有进行采购”这个动作,所以有数据的点一定不能省去 例如下图:‘2021-11-