用途:指导在 Shopify 应用中使用 Polaris Viz(Shopify 的 React 数据可视化组件库)构建图表、图形和仪表盘,风格与 Shopify Admin 一致。
主要能力:提供 BarChart、SimpleBarChart、LineChart、SparkLineChart、DonutChart、StackedAreaChart、FunnelChart 等组件,支持主题切换、动画、图例、坐标轴配置与空状态文本。设计原则包括一图一问、数据准确、无障碍与视觉一致性。
使用方式:安装 npm install @shopify/polaris-viz,并安装对等依赖 npm install @shopify/polaris @shopify/polaris-tokens;用 PolarisVizProvider 包裹应用并引入样式。所有图表使用统一的 DataSeries 数据结构(DataPoint 含 key 与 value,value 可为 null 表示缺口)。可通过 theme 属性使用 Light、Dark 或自定义主题。
适用场景:Shopify 应用内的销售、订单、转化漏斗等数据展示。
限制:该库已于 2025 年 6 月归档,官方建议新功能开发前联系支持获取迁移协助。柱状图与环形图建议不超过约 6 个类别,折线图不超过 4 条线,避免仅靠颜色传达含义,不要在同一应用中混用其他图表库。无障碍方面需保证对比度、提供数据表替代格式。具体收费与价格信息暂未提供。