首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

从零设计可视化大屏搭建引擎

快速了解数据可视化 说到数据可视化, 想必大家多多少少稍接触过, 从技术层面谈, 最直观的就是前端可视化框架, 比如: echart antv Chart.js D3.js Vega 这些库都能帮我们轻松制作可视化图表...我们先来看一下实现效果: 有关拖拽的技术实现, 我们可以利用原生 js 实现, 也可以使用第三方成熟的拖拽库, 比如: DnD React-Dragable react-moveable 我之前也开源了一个轻量级自由拖拽库...`} /> } export default memo(ChartComponent) 以上就是我们的基础物料的实现模式, 可视化组件采用了g2, 当然大家也可以使用熟悉的echart, D3.js...我这里来简单实现一个基础的表单渲染器模型: const FormEditor = (props: FormEditorProps) => { const { attrs, defaultValue, onSave...} = props; const onFinish = (values: Store) => { // 保存配置项数据 onSave && onSave(values); }

1.3K40

从零开发可视化大屏制作平台(技术拆解版)

主流可视化图表库技术选型 目前笔者调研的已知主流可视化库有: echart 一个基于 JavaScript 的老牌开源可视化图表库 D3.js 一个数据驱动的可视化库, 可以不需要其他任何框架独立运行在现代浏览器中...,它结合强大的可视化组件来驱动 DOM 操作 antv 包含一套完整的可视化组件体系 Chart.js 基于 HTML5 的 简单易用的 JavaScript 图表库 metrics-graphics...建立在D3之上的可视化库, 针对可视化和布置时间序列数据进行了优化 C3.js 通过包装构造整个图表所需的代码,使生成基于D3的图表变得容易 我们使用以上任何一个库都可以实现我们的可视化大屏搭建的需求,...我这里来简单实现一个基础的表单渲染器模型: const FormEditor = (props: FormEditorProps) => { const { attrs, defaultValue, onSave...} = props; const onFinish = (values: Store) => { // 保存配置项数据 onSave && onSave(values); }

40310

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券