1453 个在线示例,打开就能跑
覆盖 2D 图纸、CAD 绘图扩展、三维、WebCAD 与 AI 可视化。每个示例都附完整源码,可在示例站在线修改运行,源码也已开源在 GitHub · vjmap-playground,更多源码请加客服微信。
通过上下文和页面句柄创建组件,再按 uid、类型与谓词查询(组件、创建、查询)
组件与句柄运行 ↗读取和修改组件 options、位置、尺寸与旋转(组件、options、几何、位置、尺寸)
组件与句柄运行 ↗用组件句柄控制可见性、启用状态和业务名称(组件、显隐、启用、命名)
组件与句柄运行 ↗向分组面板添加子组件,并沿父、子、页面三个方向寻址(组件、父子树、容器、group-panel)
组件与句柄运行 ↗程序化选择数据项,读取当前值,并监听 option 变化(组件、selection、value、watchOption、订阅)
组件与句柄运行 ↗新增、读取、更新并删除组件二次开发脚本(组件、Extension、脚本、CRUD)
组件与句柄运行 ↗用 screenId、index 与 center:false 精确指定目标页面、图层顺序和初始位置(组件、addWidget、screenId、index、center、布局)
组件与句柄运行 ↗用一张多字段表驱动面积图、双轴图、饼图和柱状图,并通过 setData 同步推送新快照(组件、图表、2x2仪表盘、多字段绑定、setData、实时推数)
组件与句柄运行 ↗用同一个 value-field 同步驱动仪表盘、水球图和环形进度条(组件、单值数据、仪表盘、水球图、进度条、同步推数)
组件与句柄运行 ↗basic-text 字号对齐渐变、content-overflow 滚动日志、value-field 动态标题(组件、文本、basic-text、滚动、value-field、离线)
组件与句柄运行 ↗basic-markdown md-theme 深浅色、overflow、value-field 动态内容(组件、Markdown、basic-markdown、主题、离线)
组件与句柄运行 ↗basic-paragraph 首行缩进、行高、滚动动画、value-field(组件、段落、basic-paragraph、离线)
组件与句柄运行 ↗chart-bar 纵向/横向/圆角粗柱/无分割线,多 metric-fields 系列,点击联动明细表(组件、图表、柱状图、chart-bar、多系列、联动、离线)
组件与句柄运行 ↗chart-line 平滑/折角/面积填充/流光,多系列对比,点击联动(组件、图表、折线图、chart-line、smooth、flow-light、离线)
组件与句柄运行 ↗chart-area 默认面积填充,调节 area-opacity / flow-light / 多系列叠层(组件、图表、面积图、chart-area、离线)
组件与句柄运行 ↗chart-biaxial 左轴柱+右轴线,left-axis-name / right-axis-name,点击联动(组件、图表、双轴图、chart-biaxial、离线)
组件与句柄运行 ↗chart-biaxial-stack 默认 bar-stack,多柱堆叠+右轴线(组件、图表、双轴堆叠、chart-biaxial-stack、离线)
组件与句柄运行 ↗chart-pie 半径/玫瑰/图例/标签,点击扇区联动明细(组件、图表、饼图、chart-pie、rose、离线)
组件与句柄运行 ↗chart-scatter x/y 绑定,bubble-mode 用 size-field 控制点径(组件、图表、散点图、chart-scatter、气泡、离线)
组件与句柄运行 ↗chart-radar radar-shape polygon/circle,多 metric-fields 系列(组件、图表、雷达图、chart-radar、离线)
组件与句柄运行 ↗chart-funnel descending/ascending、label-position、层间距(组件、图表、漏斗图、chart-funnel、离线)
组件与句柄运行 ↗chart-gauge min/max/split-number/指针弧环刻度色,value-field 取首行(组件、图表、仪表盘、chart-gauge、离线)
组件与句柄运行 ↗chart-heatmap x/y/value 矩阵,low-color/high-color 与 visualmap(组件、图表、热力图、chart-heatmap、离线)
组件与句柄运行 ↗chart-treemap name/value/group-field,面包屑与间距(组件、图表、矩形树图、chart-treemap、离线)
组件与句柄运行 ↗chart-sankey 长表 source/target/value,node-width/gap/link-curveness(组件、图表、桑基图、chart-sankey、离线)
组件与句柄运行 ↗chart-graph source/target 网络,repulsion / node-size / 边权重(组件、图表、关系图、chart-graph、离线)
组件与句柄运行 ↗chart-liquid liquid-shape 画廊、波浪渐变与外圈,value-field 取首行(组件、图表、水球图、chart-liquid、形状、离线)
组件与句柄运行 ↗chart-wordcloud cloud-shape / font-min-max / allow-rotate(组件、图表、词云、chart-wordcloud、离线)
组件与句柄运行 ↗chart-capsule 横向胶囊条,capsule-colors / item-height / unit(组件、图表、胶囊图、chart-capsule、离线)
组件与句柄运行 ↗chart-map 内置中国 GeoJSON,region-field 简称映射,visualmap 与 roam(组件、图表、区域地图、chart-map、choropleth、离线)
组件与句柄运行 ↗basic-table 序号/操作/选框列、pagination-height、轮播动画、选中联动(组件、表格、basic-table、操作列、分页、离线)
组件与句柄运行 ↗basic-scroll-board board-fields、carousel single/page、wait-time(组件、轮播表、basic-scroll-board、离线)
组件与句柄运行 ↗basic-ranking-list category/value、sort desc/asc、进度条高度(组件、排名榜、basic-ranking-list、离线)
组件与句柄运行 ↗group-panel 背景边框、嵌套、hover-popup 文字提示(组件、分组面板、group-panel、hover-popup、离线)
组件与句柄运行 ↗data-repeater unitTemplate 按行派生,item-fields 行作用域,点击行出详情(组件、循环容器、data-repeater、unitTemplate、离线)
组件与句柄运行 ↗component-instance 共享 master 快照,props 绑不同字段,overrides 改样式(组件、组合组件、component-instance、母版、离线)
组件与句柄运行 ↗layout-section 多子视图、transition、auto-play、箭头指示点(组件、视图容器、layout-section、离线)
组件与句柄运行 ↗nav-views tabs/symbol/slider 链接 layout-section(组件、视图导航、nav-views、slider、离线)
组件与句柄运行 ↗basic-button 默认/悬停/点击/选中四态,relationship-field 按行判定选中(组件、按钮、basic-button、四态、relationship-field、离线)
组件与句柄运行 ↗basic-switch on/off 文案配色,value-field 静默回填不触发 switchChanged(组件、开关、basic-switch、value-field、离线)
组件与句柄运行 ↗basic-search placeholder/clearable/realtime/show-button,linkage-field 联动列表(组件、搜索、basic-search、离线)
组件与句柄运行 ↗basic-select option-field、clearable、filterable、多选(组件、下拉、basic-select、离线)
组件与句柄运行 ↗basic-pagination page-size / show-total / show-size-changer / count-field(组件、分页器、basic-pagination、离线)
组件与句柄运行 ↗basic-list title/value-field、show-index、value-bar、轮播(组件、列表、basic-list、离线)
组件与句柄运行 ↗basic-progress shape ring/rect/column,burst 条、value-field(组件、进度条、basic-progress、ring、rect、column、离线)
组件与句柄运行 ↗basic-iframe 同源 offline HTML,zoom/sandbox,按钮 changeOption 切换 iframe-link(组件、iframe、basic-iframe、离线)
组件与句柄运行 ↗group-popup is-popup / show-mask / auto-close,按钮 switchPopup toggle(组件、弹窗、group-popup、switchPopup、离线)
组件与句柄运行 ↗group-tabs tab-items、orientation、auto-switch,子面板对齐标签(组件、选项卡、group-tabs、离线)
组件与句柄运行 ↗group-buttons menu-items / menu-field、orientation、行列布局(组件、按钮组、group-buttons、离线)
组件与句柄运行 ↗basic-image fill-style / 亮度对比度,image-field 绑定离线 canvas PNG(组件、图片、basic-image、fill-style、离线)
组件与句柄运行 ↗basic-graphical 15 种 shape、描边渐变、悬停点击态(组件、图形、basic-graphical、shape、离线)
组件与句柄运行 ↗basic-carousel image-field、effect/fit/dots/arrow/autoplay(组件、轮播图、basic-carousel、离线)
组件与句柄运行 ↗basic-video 同源离线 mp4:autoplay+muted、loop、controls、fit,按钮 changeOption 切源(组件、视频、basic-video、离线)
组件与句柄运行 ↗basic-icon 离线 iconify 集合,颜色/旋转/悬停态(组件、图标、basic-icon、离线)
组件与句柄运行 ↗basic-timer time-format / time-zone / show-weekday(组件、时钟、basic-timer、离线)
组件与句柄运行 ↗basic-timing clockwise / anticlockwise,项目启动或自定义起点(组件、计时器、basic-timing、离线)
组件与句柄运行 ↗basic-calendar week-start、选中色、linkage-field 交叉筛选班次表(组件、日历、basic-calendar、linkage-field、离线)
组件与句柄运行 ↗basic-timeselect time-type date/datetime/month/range,linkage-field 筛班次(组件、时间选择、basic-timeselect、离线)
组件与句柄运行 ↗basic-timescale cursor-size/color、scale-color、游标变化事件(组件、时间轴、basic-timescale、离线)
组件与句柄运行 ↗basic-card 千分位/小数/百分比/滚动动画,value-field 取首行(组件、数字卡片、basic-card、KPI、离线)
组件与句柄运行 ↗basic-flipper digit-length / flip-type / 绑定 value(组件、翻牌器、basic-flipper、离线)
组件与句柄运行 ↗deco-border 主辅色、标题、flow-reverse、动画时长(组件、装饰边框、deco-border、离线)
组件与句柄运行 ↗deco-decoration decoration-style d01–d07、镜像与衬字(组件、装饰、deco-decoration、离线)
组件与句柄运行 ↗deco-pipeline pipe/branch、流向 forward/stop/backward(组件、流程管道、deco-pipeline、离线)
组件与句柄运行 ↗layout-row 预置 grid-columns:12,子卡 grid-col-span(组件、布局、layout-row、离线)
组件与句柄运行 ↗layout-column 预置 grid-rows:12(组件、布局、layout-column、离线)
组件与句柄运行 ↗layout-grid 用 grid-tree split 切四宫格(组件、布局、layout-grid、grid-tree、离线)
组件与句柄运行 ↗layout-flow-row fluid wrap + gap,卡片墙放不下换行(组件、布局、layout-flow-row、离线)
组件与句柄运行 ↗layout-fixed-panel 预置 static,内部仍用 position/size 钉死(组件、布局、layout-fixed-panel、离线)
组件与句柄运行 ↗layout-dock 前 5 个子容器依序为左/右/底/顶/中(组件、布局、layout-dock、停靠、驾驶舱、离线)
组件与句柄运行 ↗layout-sidebar 前 2 子容器=侧栏/主区,dock-side 与 side-size(组件、布局、layout-sidebar、离线)
组件与句柄运行 ↗layout-accordion sections / single-expand / default-expanded(组件、布局、layout-accordion、离线)
组件与句柄运行 ↗placeholder 空白对齐块,编辑器里再换成真实图表(组件、布局、placeholder、离线)
组件与句柄运行 ↗device-visible + 节点顶层 sizeModeOverrides,大屏/平板展示不同尺寸(组件、设备、sizeModeOverrides、device-visible、离线)
组件与句柄运行 ↗没有匹配的示例。
找不到想要的?,它会从示例代码里找出最接近的写法。
微信扫码添加客服