<dy-radar-chart>
雷达图（也称为蜘蛛图或星图）是一种以同一个中心点为起点，将三个或更多变量在放射轴上显示的二维图表，用于显示多变量数据。
示例
Loading...
<dy-radar-chart
style=${"width: 100%;"}
.aspectRatio=${3}
.dimensions=${ [ {"label":"销售","max":100}, {"label":"市场","max":100}, {"label":"研发","max":100}, {"label":"客服","max":100}, {"label":"行政","max":100} ] }
.sequences=${ [ {"label":"部门 A","values":[90,85,70,95,60]}, {"label":"部门 B","values":[70,95,85,65,75]} ] }></dy-radar-chart>
API
DuoyunRadarChartElement
Extends DuoyunChartBaseElement
DuoyunRadarChartElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
dimensions |
Yes | Dimension[] |
sequences |
Yes | Sequence[] |
showPoint |
Yes | boolean |
showArea |
Yes | boolean |
xAxi |
null |
|
yAxi |
null |
DuoyunChartBaseElement
Shadow DOM; Extends DuoyunResizeBaseElement
DuoyunChartBaseElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
aspectRatio |
Yes | number |
filters |
Yes | string[] |
colors |
Yes | ``#${string}[] |
xAxi |
Yes | Axi | null |
yAxi |
Yes | Axi | null |
pAxi |
Yes | Axi | null |
yMin |
Yes | number |
yMax |
Yes | number |
xStep |
Yes | number |
yStep |
Yes | number |
pStep |
Yes | number |
tooltip |
Yes | Tooltip |
markLines |
Yes | MarkLine[] |
indexclick |
Emitter<number> |
|
genGradientId |
(index: number) => string |
DuoyunChartBaseElement Other
| Type | Value |
|---|---|
| Event | indexclick |
| Part | chart |
| CSS State | loading, no-data |
TapResizeBaseElement
Extends GemElement
TapResizeBaseElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
resize |
Emitter<ResizeDetail> |
|
resizeThrottle |
Yes | boolean |
borderBoxSize |
{ blockSize: number; inlineSize: number; } |
|
contentRect |
{ x: number; y: number; height: number; width: number; } |
TapResizeBaseElement Other
| Type | Value |
|---|---|
| Event | resize |