@alicloud/console-radar-chart
npm i @alicloud/console-radar-chart

@alicloud/console-radar-chart

阿里云管平台-“开箱即用”的图表组件库 📈

by aliyun

0.4.10-alpha.0 (see all)License:MITTypeScript:Not Found
npm i @alicloud/console-radar-chart
Readme

name: console-radar-chart

zhName: 雷达图

雷达图API

引入方式

import { ConsoleRadarChart } from '@alicloud/console-chart';

示例 Demo

基本使用

MDXInstruction:importDemo:Basic

面积图

MDXInstruction:importDemo:Area

多组数据

MDXInstruction:importDemo:Multi

自定义坐标轴

MDXInstruction:importDemo:Axis

配置 Config

通用配置

属性说明
padding配置绘图内边距
xAxis配置x轴
yAxis配置y轴
legend配置图例
guide配置辅助元素
tooltip配置提示信息
label配置图形文本
size配置自定义大小
style配置自定义样式

专属配置

symbol: Boolean

是否展示数据点

smooth: Boolean

显示成光滑曲线

area: Boolean

是否显示面积雷达图

stack: Boolean

是否显示堆栈图, 仅在area=true时生效

radius: Number

设置极坐标系的半径,可控制显示图形的大小

数据列配置

属性说明类型默认值可选值
name数据列名称String--
data数据---
color自定义当前数据列颜色String主题color_24-

Downloads/wk

1

GitHub Stars

26

LAST COMMIT

1yr ago

MAINTAINERS

5

CONTRIBUTORS

6

OPEN ISSUES

0

OPEN PRs

0
VersionTagPublished
0.4.10-alpha.0
latest
1yr ago
No alternatives found
No tutorials found
Add a tutorial