凌云UI 使用手册
接入
组件
图表
页面
  • 总览
  • 组件 1.0.42
  • 图表 1.0.27
  • 页面包 1.0.3
GitHub
接入
组件
图表
页面
  • 总览
  • 组件 1.0.42
  • 图表 1.0.27
  • 页面包 1.0.3
GitHub
  • 更新记录

    • 总览
    • 组件 1.0.42
    • 图表 1.0.27
    • 页面 1.0.3

图表 · lingyun-ui-charts

当前版本 1.0.27。

源文件:src/uni_modules/lingyun-ui-charts/changelog.md


1.0.27 (2026-11-06)

  • 环图默认环宽改为按半径 40% 自适应(内径 60%、约直径 20%),不再使用固定 30px;大尺寸图表不会变细。
  • 显式 extra.ring.ringWidth 固定 px 与 extra.ring.ringWidthRatio 比例配置继续可用,比例优先。
  • Ring demo 增加默认环宽示例,同步圆环图文档。

1.0.26(2026-11-06)

  • H5 桌面端统一启用鼠标事件:设备模拟器把 platform 报成 android 时仍可用鼠标拖动图表与横向滚动条;触摸事件分支保持不变。
  • 横向滚动条默认跟随主题:轨道透明、圆角滑块,暗黑模式使用浅色滑块。
  • 折线图 demo 增加表格图例示例(名称 / 合计 / 占比 / 详情 action),同步设计说明。

1.0.25(2026-10-30)

  • 修复仪表盘(gauge)在微信小程序与 H5 尺寸不一致:width、splitLine(fixRadius / width / childWidth)、pointer.width、指针三角与 labelOffset 等统一按 opts.pix 换算,小程序 Canvas 2D 的圆环粗细、progress 中心圆盘、刻度、指针与标题间距与 Web 对齐;H5 pix=1 表现不变。
  • 同步修正 drawGaugeLabel 的环宽补偿与 drawRingTitle 的标题间距 / offsetX 换算。

1.0.24(2026-10-29)

  • 修正表格图例默认出现行下边线的问题:tableRowLine 默认关闭,只有显式开启且 tableBorder 打开时才画行线;column 等旧图例表不再出现多余下边线。
  • 递增版本号,重新发布 1.0.23 的 action 列宽度修正、紧凑表格、表高自适应与 tooltip 关闭等更新。

1.0.23 (2026-10-29)

  • 递增版本号,重新发布 1.0.22 的表格图例 action 列、紧凑表格、表高自适应与 tooltip 关闭等更新。
  • 修正表格图例 action 列在手机上开启边框时文字压到边框的问题:列宽至少按「文字宽 + 10px」计算,传入过窄的 width 会自动撑开;右对齐再留 6px 内侧间距,demo action 列改左对齐。

1.0.22(2026-10-29)

  • 修复图表 tooltip 关闭体验:移动端点击图表外任意位置即关闭(页面壳触摸广播 / H5 document 监听),H5 鼠标移出图表自动关闭;新增引擎方法 hideToolTip()。
  • 表格图例支持 action 列:legend.columns 里写 { type: 'action', text: '详情', width, align, color },默认「详情」、最多两个字,超出截断,列宽按文字自动留足空间;点击不切换系列显隐,新增 @legendAction 事件,回调整行 item、legendIndex、column、event、id、opts。
  • 新增 legend.tableBorder(关闭时不画外框和内部行线)、tableRowLine(开启外框时的行下边线,默认开)、tableLineWidth(默认 0.5px)、tableLineColor、tableGap(表格与绘图区间距,默认 8px)和 tableShape(auto 跟随系列 / dot 紧凑圆点);行线整宽顶到左右边框、最后一行也画;左右列表格高度跟随绘图区,按表高自动计算每页行数。
  • 新增 legend.actionColor:action 列默认文字色;不设时用系列首色。

1.0.21 (2026-10-28)

  • 递增版本号,确保 uni-app 插件市场能识别 1.0.20 的图例分页、窄屏落底、表格 5 行 / 页和 ringWidthRatio 更新;内容与 1.0.20 一致。

1.0.20 (2026-10-28)

  • 图例默认改为单行 / 单列,超出容量时只显示当前页,横向右侧 / 纵向底部出现上下箭头,点击上一页 / 下一页,不再把全部图例铺开;窄屏下左右图例自动落到底部。
  • 新增 legend.overflow(page / wrap)、legend.pageSize、legend.pageIndex、legend.pageArrowSize、legend.pageArrowColor;传 overflow: 'wrap' 可恢复旧的多行 / 多列布局。
  • 图例分页会保留原系列索引,翻页后点击图例仍能正确显示 / 隐藏对应系列。
  • 表格模式(legend.columns)在 top / bottom 时改为单列行排版,默认一页 5 行;legend.pageSize 可改每页行数。
  • 环图新增 extra.ring.ringWidthRatio:按半径比例控制环宽,大尺寸图表优先用它,避免固定 ringWidth 导致圆环过细、中心空白过大。

1.0.19(2026-10-28)

  • 微信真机自动使用 Canvas 2D,修复图表穿透 Toolbar。

1.0.18(2026-10-16)

  • 删除 canvas2d,画布 ID 改为自动生成。
  • inScrollView、ontouch 默认开启。

1.0.17(2026-10-16)

  • 主题能力改为使用已声明的 lingyun-ui 依赖。

1.0.16(2026-10-16)

  • 修复小程序页面滚动后,后续图表的提示和图例点击失效。
  • 修复 K 线均线图例状态在重绘时被重置。

1.0.15(2026-10-16)

  • H5 / App 不再把图表引擎打进页面脚本。
  • 数据变更改为哈希比较,动画走 requestAnimationFrame,鼠标移动按 touchMoveLimit 节流。
  • 去掉 uniCloud 取数,以及无引用的示例类型和 formatter。

1.0.14(2026-10-16)

  • 不再支持 ECharts。配置和引擎收到组件目录。
  • 加载和错误改用凌云UI组件。
  • 暗黑模式:可滚动图表两侧遮罩跟随卡片底色,地图标签加描边。

1.0.13(2026-10-16)

  • 柱状图顶部、条状图右侧圆角按 pixelRatio 放大。小程序画布是物理像素,原来 6 像素圆角在高分屏上几乎看不出来。

1.0.12(2026-10-15)

  • 条状图默认右侧顶端圆角 barBorderRadius: [6, 6, 0, 0];堆积条最右一层同样圆角;Demo / 文档增加堆积条状示例。

1.0.11(2026-10-15)

  • 抽出堆积算法 components/lingyun-ui-charts/stack-series.ts;折线 / 曲线传原始分层数据,开 extra.line.stack: true 即可(引擎内累加并画面积色带)。

1.0.10(2026-10-15)

  • 区域图支持 extra.area.stack:堆积折线 / 曲线按层填色(y~y0),Y 轴按总和缩放;Demo 与文档改为面积堆积,无需再累加数据。

1.0.9(2026-10-15)

  • 新增堆积图 type="stack"(堆积柱状);Demo / 文档含同数据的堆积折线、堆积曲线示例(折线/曲线需先累加序列)。

1.0.8(2026-10-15)

  • 新增曲线图 type="curve"(类目轴平滑曲线,引擎为 line + extra.line.type: "curve")。

1.0.7(2026-10-15)

  • 柱状图默认拉开类目组间距(categoryGap: 6 / seriesGap: 3),柱顶圆角 barBorderRadius: [6, 6, 0, 0]。
  • 图例表在顶部/底部时拉满绘图区宽度(一行一项,name 列吃掉多余空间),避免居中后显得偏窄。

1.0.6(2026-10-14)

  • 微信小程序:监听凌云浮层 mp-overlay-gate,打开 Sheet / Picker 等时立刻 hidden canvas(优先用绘制后缓存截图占位),避免原生层盖住弹层。

1.0.5(2026-10-10)

  • 环心不再铺白底。主数字按内圆放大加粗,副标题用次级标签色,并跟随浅色 / 暗黑主题。
  • 圆环默认不再描边。需要缝时再把 extra.ring.border 设为 true。

1.0.4(2026-10-10)

  • 图例文字跟随浅色 / 暗黑主题,使用 Labels 标准色;点掉隐藏后改为次级标签色。

1.0.3(2026-10-10)

  • 图例支持 columns,按列对齐名称和额外字段。
  • 图例文字默认白色,点掉隐藏后改为图表文字色。
  • 环图中心标题、副标题超出内圆时按内圆缩小。

1.0.2(2026-10-10)

  • 组件、图表配置改为 TypeScript。renderjs 保持 JavaScript。

1.0.1(2026-10-10)

  • 图表包版本从 1.0.1 起,按 1.0.x 递增。
  • 词云默认不再铺白底,透出卡片背景,与其它图种一致。
  • 使用手册拆成总览与各图种,右侧预览对应 pages/demo/charts/<type>。
  • 系列色迁入本包 components/lingyun-ui-charts/config.ts。
Prev
组件 1.0.42
Next
页面 1.0.3