SuperAPI AI 工具集

syncfusion-javascript-circular-chart-3d

通用与其它

查看项目

更新于 10-16 05:46

技能介绍

用途:在 Syncfusion Essential JS 2 中实现 3D 圆形图表(饼图、圆环图),用于展示部分与整体的数据关系,覆盖创建、配置、定制、运行时更新、导出、打印与排错。

主要能力:支持 3D 饼图与圆环图(通过 innerRadius 切换,0% 为饼图,大于 0% 为圆环图);数据绑定与 xName/yName 字段映射;标题与 subTitle;倾斜、旋转、深度与交互旋转;数据标签(内外位置、连接线、模板、格式化、textRender);图例、工具提示与模板;主题、调色板、背景边框、RTL、动画;图片与 PDF 导出、打印;空值处理(Gap、Drop、Zero、Average 模式);无障碍设置与键盘焦点。

使用方式:TypeScript 从 @syncfusion/ej2-charts 导入 CircularChart3D 及所需功能模块,并在创建实例前调用 CircularChart3D.Inject(...) 注入;JavaScript 通过 CDN 或本地全局脚本使用 ej.charts.CircularChart3D。需先准备宿主元素 <div id="chart"></div>,创建图表后调用 chart.appendTo('#chart') 显式挂载。全局脚本加载顺序为 ej2-base、ej2-data、ej2-svg-base、ej2-charts,最后加载应用脚本。

限制与注意:功能模块必须与配置同步导入并注入,否则功能不生效;数据字段名须与 xName/yName 一致;属性名须为 subTitle 而非 subtitle;严格 ES5 环境需改用 var、传统函数并避免可选链与对象展开。具体收费、价格与平台支持细节暂未提供。