数据可视化实战解决方案

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

craftjs 拖拽编辑

浏览 135 扫码 分享 2022-11-14 19:24:22

    https://github.com/prevwong/craft.js
    案例 https://craft.js.org/
    image.png

    若有收获，就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 可视化大屏编辑器
      • 低代码引擎
      • 大屏设计规范
      • grid网格
        • GridLine网格
        • GirdDot网格点
        • css实现背景网格
      • rule标尺
        • guides 标尺参考线
      • 数据大屏布局
        • 比例布局
        • 特殊布局
        • 普通布局
        • react-grid-layout
        • 拖拽布局
          • use-gesture
          • react-smooth-dnd
          • react-beautiful-dnd 任务列表
          • react-dropzone 拖拽上传
          • vue-drag-resize
        • 数据大屏交互
      • 大屏编辑器
        • grapesjs
        • craftjs 拖拽编辑
        • 数据大屏编辑器
        • 蓝图编辑器
        • photoshop编辑器
      • 统计指标
        • 统计最近 7天内连续活跃的人
        • 分析的关键指标
        • 环比
        • 同比
        • 数据源
        • 数据刷新频率
      • 在线动态图表工具
      • 预设组件库
      • 右侧 Props
      • 可视化大屏技术点
    • 1 数据大屏
      • 数据大屏背景
        • 大屏背景图
      • 数据可视化知识体系
        • 低代码平台设计的边界
        • 菜鸟物流
      • 数据可视化案例
        • 淘宝造物节
        • 百度统计
        • 企业大屏模板
        • 港口大屏
        • 数据大屏模板
      • 可视化数据大屏
        • 谁是页面可视化的目标用户？
      • 3d 可视化
      • 4k屏幕自适应
      • 可视化项目
        • 网易有数
        • 可视化实现思路
        • SugarBI 百度
        • datav 阿里云
      • DSL领域专用语言
      • H5营销页面
    • 精准选房可视化
    • 城市数据可视化
    • svg和canvas的特点
    • 2 数据报表
      • 图表的类型及应用场景
        • 数据和图表的关系
        • 统计图表的类型
      • 指标卡 StatisticCard
        • 数据报表指标
        • 数据统计维度 中英文
      • 图表的术语
        • 图表中英文对照
      • DataQ数据资源平台
      • 环图 构成分布图
      • react-circle圆环进度图
      • sparklines-MiniChart
      • react水球图
      • radar雷达图
      • 气泡图
      • 热点图
      • 柱状图📊
      • 流程图
    • 3 移动端报表
      • wx-f2移动端react组件
      • F2移动端图表
      • oview-vue
    • APM 全链路监控
      • CPM网站流量与性能分析指标
        • Apdex性能指数
        • RT 响应时间
        • TPS
      • Apm 应用性能监控
        • 服务器性能监控指标
        • 分布式链路追踪
        • APM的组成
        • APM相关概念
        • APM英文术语
      • SkyWalking
        • skywalking 架构
          • skywalking相关概念
          • spans
          • skywalking的应用场景
        • skywalking-rocketbot-ui
          • Trace 调用链
          • skywalking Topology拓扑图
          • skywalking仪表盘
        • skywalking-client-js
          • skywalking-client-js 兼容IE11
          • Performance性能分析
          • skywalkwing 常见错误
          • sw8协议 header头
          • 浏览器监控
          • SkyWalking监控拦截 HTTP请求
          • skywalking query参数
        • nodejs Agent
      • Skywalking UI
        • 仪表盘 Dashboard
        • Tabs 选项卡
        • CardChart
      • ElasticStack ELK
        • elastic日志分析
        • ECS Elastic Compute Service
      • Sentry错误日志收集
      • 云资源监控
        • RDS 监控指标
        • ECS 监控指标
        • OSS 监控指标
        • SLB 监控指标
        • 数据清洗 ETL
        • SLS 日志服务
      • Istio 服务网格
      • Sla 服务等级协议
        • 性能压测中的 sla
      • Prometheus Grafana
      • Pinpoint
      • Jaeger Tracing
      • GTM
    • Echarts@5.3 可视化
      • 我的足迹
      • echarts miniChart
      • Echarts.jsx封装
        • echarts暂无数据
        • LineChart折线图封装
      • echarts资源
        • echarts社区
        • echarts数据分析
        • vue-echarts
        • v-charts
        • echarts weixin
        • echarts vue
        • ReactEcharts
        • echarts react
        • echartsForReact
        • echarts图表类型
      • echarts API
        • echartsInstance.dispose 销毁实例
        • echarts.resize
        • echarts 事件 getZr()
        • echarts tooltip
        • color 自定义颜色
        • formatter 格式化数据
        • UniversalTransition 全局过渡动画
        • xAxis 坐标轴设置
          • splitLine dasharray线条设置
        • animation 动画
        • series.type 图表类型
        • import * as echarts
        • echarts高级技巧
        • echarts数据清洗
        • echarts表格
        • echarts清空数据
      • echarts options配置项
        • UniversalTransition 全局过渡动画
        • dataZoom图表缩放
        • visualMap
        • aria.decal 贴花图案
      • echarts Graph关系图
      • echarts日历散点图
      • series.type:lines飞线图
        • 烟花飞线图
        • 飞线图案例
      • echarts桑基图
        • SankeyChart
      • type:line 折线图
        • 设备在线离线折线图
        • visualMap 折线图分段用不同的颜色
        • ConfidenceBand 置信带
        • markPoint 折线图标记
        • lineOption
        • echarts 双Y轴
        • stack 数据堆叠
        • echarts多个折线图
        • echarts一个折线图
        • markArea标记某个范围的数据
        • echarts折线图问题
      • type:bar 柱状图
        • 斜线自定义柱图
        • 柱图剪影城市
        • RowBarChart横向柱图
        • echarts设备在线图
        • echarts状态区间分布图
        • echarts堆叠柱状图
          • stackedBarOption
      • echarts仪表图
      • echarts热力图
      • echarts雷达图
      • echarts饼图
        • svg圆环图
        • 圆环图
      • echarts-webGL地球
      • echarts-timeline时间轴
        • timelineScatter全国销售TOP
        • timelineBar全国销售TOP
        • timelineGDP
      • echarts-cloud字符云
      • echarts水球图
    • Echarts地图
      • 世界地图大全
      • geoCoordMap经纬度坐标
        • 地图坐标点拾取
      • geo 地理坐标系参数
      • geoJson数据源
        • geoJson中国地图
        • geoJson省市区下钻
        • geoJson-省市区
        • 省市区数据-国家统计局
        • 省市区数据-国家民政部
      • 建筑轮廓可视化
      • registerMap
      • VisualMap地图映射
      • echarts-高德地图-scatter
      • echarts-百度地图-scatter
      • 高德地图
        • 地图可视化
          • Loca 地图数据可视化库
        • china_regions 中国地图数据
        • LBS
        • JS-API说明
        • 高德地图细节总结
        • 高德地图坐标拾取
        • 地图错误码说明
        • 地图的生命周期
        • UI组件
        • plugin插件
        • event事件
        • layers图层
      • 百度地图
        • mapv百度地图可视化
        • 飞线动画
        • 轨迹动画
        • 微信小程序地图
        • 百度地图坐标系
        • 百度地图开发平台
    • BizCharts 图表库
      • 折线图
        • biz4 LineChart折线图
        • Legend滑块Bug
        • LineChartZoom
        • 在线离线告警折线图
      • bizcharts常用属性说明
      • bizChart常见问题
        • bizchart 多轴刻度对齐
      • g2-brush
      • ChartEmpty
      • Gauge仪表图
      • bizcharts图表参数
      • formatter格式化时间
      • 日期格式化
      • bizcharts踩过的坑
      • dv.transform
      • bizcharts tooltip
      • Axis坐标轴刻度
    • D3@7.3.0 数据可视化
      • webGPU
      • d3学习资源
        • d3-selectAll
        • d3标签
        • enter exit group数据分类
      • BulletChart 子弹图
      • d3飞线图
        • echarts飞线图
        • github地球飞线图
      • d3力导向拓扑图
      • d3-barChart
      • c3js
      • d3 index.js
      • VTK.js
      • js万花筒效果
    • Three.js 数据可视化
      • playcanvas 3d引擎
      • 光速背景
      • WebGL
      • three.js&shader 生成3D高度地球
      • three.js 数据可视化
        • threejs全景图片
        • threejs案例
    • X6 Graph图引擎
      • @antv/xflow组件
      • Flowchart 流程图
        • whimsical.com在线流程图
        • react-flow 流程图
      • DagChart 图编辑
        • XFlowCanvas
          • createHookConfig
          • createGraphConfig画布配置
        • KeyBindings 快捷键
      • Topology 拓扑图
        • 拓扑绘制步骤
        • 拓扑图案例
        • 拓扑图工具
        • 网络拓扑
    • G6 图可视化
      • cytoscape.js
      • vis.js可视化库
    • 可视化理论知识
      • 统计学
        • 数据挖掘
        • 数据分析
          • 数据可视化分析
      • web动画库
        • flip动画
        • lottie web动画
        • animejs
        • easing functions 缓动函数
        • Scene.js时间轴动画
        • react实现动画的方式
      • 4 数据可视化解决方案
        • 3 地理数据可视化
        • 2 图可视化
        • 1 大屏可视化
        • 可视化架构
        • 可视化的误区
        • 商业数据可视化费用
        • 用数据讲故事
        • 数据可视化的应用场景
      • 3 前端可视化技术选型
        • 数学图形
        • Gephi 关系网络图
        • Datawrapper 在线可视化工具
      • 2 可视化图表库
        • dygraphs 金融图表
        • css Effect
        • BABYLON.JS 4.2
        • svg.js
        • Planetary.js 🌏地球仪
        • css图表
          • 涟漪效果
          • image hover
          • button hover
          • Animate.css
          • hover.css
          • css九宫格布局
        • antv
        • Butterfly流程图
        • highcharts.js
        • impress.js
        • excalidraw
        • excel-activereports
      • 1 可视化的发展历史
    暂无相关搜索结果！

      让时间为你证明

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度
          思维导图备注