T1TransOneGitHub

图表总览

折线 / 柱状 / 饼图 / 雷达四种图表组件入口与通用创建方式。

transone-chart 一期内置四种图表组件，均为option.type驱动的统一配置心智（title / legend / xAxis / yAxis / series），零依赖纯 Canvas 绘制。点击进入各组件文档（配置字段 + 示例 + 源代码）：

折线图

多系列趋势、smooth 平滑曲线、area 面积填充、数据点标记。

柱状图

分类堆叠、横向柱状、圆角柱体与自动柱宽。

饼图

环形图、百分比标签、top / right 等方位图例。

雷达图

多系列对比、指标 max 归一化、面积填充与网格分层。

创建图表

统一入口createChart(context, option)按option.type分发到对应图表策略；createWebChart / createMiniProgramChart是两端便捷入口。完整字段以包内lib/types.ts（含中文注释）与 dist 类型定义为准。

悬浮提示（tooltip）

四种图表默认开启 tooltip：Web 端鼠标移到数据点 / 柱体 / 扇区上，即在数据旁显示该类目（或扇区）下的数值，靠近右侧与底部边缘时自动翻转。传tooltip: { show: false }关闭；通过formatter自定义展示内容：

typescript
tooltip: {
  formatter: (params) => [
    params.name,
    ...params.items.map((item) => `${item.name}: ${item.value}`),
  ],
}
TooltipOption
名称类型说明
showboolean是否显示 tooltip，默认 true。
formatter(params: TooltipParams) => string | string[]自定义内容。params 含触发位置 x/y、类目（扇区）名 name、数据项 items[]（每项 name/value/color）。