<dy-scatter-chart>
例子
Loading...
<dy-scatter-chart style=${"width: 100%;"} .sequences=${
[
{
"label": "标签",
"values": [[100,1],[200,3],[1000,5]]
}
]
}></dy-scatter-chart>
API
DuoyunScatterChartElement
Extends DuoyunChartBaseElement
DuoyunScatterChartElement Instance Properties
| Property(Attribute) |
Reactive |
Type |
sequences |
Yes |
Sequence[] |
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
