<dy-donut-chart>
Example
Loading...
<dy-donut-chart
style=${"width: 100px;"}
.label=${"Title"}
.total=${"60"}
.sequences=${
[
{"label":"Label 1","value":20},
{"label":"Label 2","value":10},
{"label":"Label 3","value":30}
]
}></dy-donut-chart>
API
DuoyunDonutChartElement
Extends DuoyunChartBaseElement
DuoyunDonutChartElement Instance Properties
| Property(Attribute) |
Reactive |
Type |
label(label) |
Yes |
string |
total(total) |
Yes |
string |
aspectRatio |
Yes |
number |
sequences |
Yes |
{ label: string; value: number }[] |
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
