# 接口:雷达控制器数据集选项
# 层次结构
ScriptableAndArrayOptions
<PointOptions
&PointHoverOptions
&PointPrefixedOptions
&PointPrefixedHoverOptions
,ScriptableContext
<"radar"
>>ScriptableAndArrayOptions
<LineOptions
&LineHoverOptions
,ScriptableContext
<"radar"
>>AnimationOptions
<"radar"
>↳
RadarControllerDatasetOptions
# 属性
# 动画
• animation: false
| AnimationSpec
<"radar"
> & { onComplete?
: (this
: Chart
<keyof ChartTypeRegistry
, (number
| [number
, number
] | Point
| BubbleDataPoint
][], unknown
>, event
: AnimationEvent
) => void
; onProgress?
: (this
: Chart
<keyof ChartTypeRegistry
, (number
| [number
, number
] | Point
| BubbleDataPoint
][], unknown
>, event
: AnimationEvent
) => void
}
# 由以下继承
AnimationOptions.animation
# 定义在
types/index.d.ts:1747 (opens new window)
# 动画
• animations: AnimationsSpec
<"radar"
>
# 由以下继承
AnimationOptions.animations
# 定义在
types/index.d.ts:1757 (opens new window)
# 背景颜色
• backgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
# 由以下继承
ScriptableAndArrayOptions.backgroundColor
# 定义在
types/index.d.ts:1807 (opens new window)
# 边框端点样式
• borderCapStyle: ScriptableAndArray
<CanvasLineCap
, ScriptableContext
<"radar"
>>
线端点样式。参见 MDN。
默认
'butt'
# 继承自
ScriptableAndArrayOptions.borderCapStyle
# 定义在
types/index.d.ts:1887 (在新窗口中打开)
# borderColor
• borderColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
# 继承自
ScriptableAndArrayOptions.borderColor
# 定义在
types/index.d.ts:1806 (在新窗口中打开)
# borderDash
• borderDash: ScriptableAndArray
<number
[], ScriptableContext
<"radar"
>>
线段虚线。参见MDN。
默认
[]
# 继承自
ScriptableAndArrayOptions.borderDash
# 定义在
types/index.d.ts:1892 (在新窗口中打开)
# borderDashOffset
• borderDashOffset: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
线段虚线偏移量。参见MDN。
默认
0.0
# 继承自
ScriptableAndArrayOptions.borderDashOffset
# 定义在
types/index.d.ts:1897 (在新窗口中打开)
# borderJoinStyle
• borderJoinStyle: ScriptableAndArray
<CanvasLineJoin
, ScriptableContext
<"radar"
>>
线段连接样式。参见MDN。
默认
'miter'
# 继承自
ScriptableAndArrayOptions.borderJoinStyle
# 定义在
types/index.d.ts:1902 (在新窗口中打开)
# borderWidth
• borderWidth: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
# 继承自
ScriptableAndArrayOptions.borderWidth
# 定义在
# capBezierPoints
• capBezierPoints: ScriptableAndArray
<boolean
, ScriptableContext
<"radar"
>>
将贝塞尔控制点保持在图表内为true,无限制为false。
默认
为true
# 继承自
ScriptableAndArrayOptions.capBezierPoints
# 定义于
# clip
• clip: number
| false
| ChartArea
相对于chartArea的裁剪方式。正值允许溢出,负值裁剪到chartArea内这么多像素。0 = 在chartArea裁剪。裁剪也可以按各边配置:clip: {left: 5, top: false, right: -2, bottom: 0}
# 继承自
# 定义于
# cubicInterpolationMode
• cubicInterpolationMode: ScriptableAndArray
<"default"
| "monotone"
, ScriptableContext
<"radar"
>>
应用插值模式。
默认
'default'
# 继承自
ScriptableAndArrayOptions.cubicInterpolationMode
# 定义于
# drawActiveElementsOnTop
• drawActiveElementsOnTop: ScriptableAndArray
<boolean
, ScriptableContext
<"radar"
>>
绘制活动元素在数据集中的其他元素之上,
默认
为true
# 继承自
ScriptableAndArrayOptions.drawActiveElementsOnTop
# 定义于
# fill
• fill: ScriptableAndArray<FillTarget | ComplexFillTarget, ScriptableContext<"radar">>
线形图和雷达图都支持在数据集对象上使用填充选项,可以用来创建两个数据集之间的区域或数据集与边界(例如刻度起点、开始或结束)之间的区域。
# 继承自
ScriptableAndArrayOptions.fill
# 定义于
types/index.d.ts:1926 (在新窗口中打开)
# hidden
• hidden: boolean
配置数据集的可见状态。将其设置为true,以从图表中隐藏数据集。
默认
false
# 继承自
ControllerDatasetOptions.hidden
# 定义于
# hitRadius
• hitRadius: ScriptableAndArray<number
, ScriptableContext<"radar">>
为命中检测添加到点半径额外的半径。
默认
1
# 继承自
ScriptableAndArrayOptions.hitRadius
# 定义于
types/index.d.ts:1993 (在新窗口中打开)
# hoverBackgroundColor
• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>
# 继承自
ScriptableAndArrayOptions.hoverBackgroundColor
# 定义于
types/index.d.ts:1813 (在新窗口中打开)
# hoverBorderCapStyle
• hoverBorderCapStyle: ScriptableAndArray<CanvasLineCap
, ScriptableContext<"radar">>
# 继承自
ScriptableAndArrayOptions.hoverBorderCapStyle
# 定义于
types/index.d.ts:1944 (在新窗口中打开)
# hoverBorderColor
• hoverBorderColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
# 继承自
ScriptableAndArrayOptions.hoverBorderColor
# 定义于
types/index.d.ts:1812 (在新窗口中打开)
# hoverBorderDash
• hoverBorderDash: ScriptableAndArray
<number
[], ScriptableContext
<"radar"
>>
# 继承自
ScriptableAndArrayOptions.hoverBorderDash
# 定义于
types/index.d.ts:1945 (在新窗口中打开)
# hoverBorderDashOffset
• hoverBorderDashOffset: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
# 继承自
ScriptableAndArrayOptions.hoverBorderDashOffset
# 定义于
types/index.d.ts:1946 (在新窗口中打开)
# hoverBorderJoinStyle
• hoverBorderJoinStyle: ScriptableAndArray
<CanvasLineJoin
, ScriptableContext
<"radar"
>>
# 继承自
ScriptableAndArrayOptions.hoverBorderJoinStyle
# 定义于
types/index.d.ts:1947 (在新窗口中打开)
# hoverBorderWidth
• hoverBorderWidth: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
# 继承自
ScriptableAndArrayOptions.hoverBorderWidth
# 定义于
types/index.d.ts:1811 (在新窗口中打开)
# hoverRadius
• hoverRadius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
悬停时的点半径。
默认
4
# 从
ScriptableAndArrayOptions.hoverRadius
# 定义于
types/index.d.ts:2016 (在新窗口中打开)
# indexAxis
• indexAxis: "x"
| "y"
图表的基础轴。'x' 用于垂直图表,'y' 用于水平图表。
默认
'x'
# 从
ControllerDatasetOptions.indexAxis
# 定义于
# label
• label: string
数据集的标签,显示在图例和工具提示中。
# 从
ControllerDatasetOptions.label
# 定义于
# normalized
• normalized: boolean
如果提供的数据索引是唯一的、排序的并且在数据集中保持一致,并且选择 normalized: true 选项来让 Chart.js 知道您这样做,则 Chart.js 运行速度最快。
# 从
ControllerDatasetOptions.normalized
# 定义于
# order
• order: number
数据集的绘制顺序。同时也影响堆叠、工具提示和图例的顺序。
从
ControllerDatasetOptions.order
# 定义于
# parsing
• parsing: false
| { [key: string]
: string
; }
如何解析数据集。可以通过在图表选项或数据集中指定parsing: false来禁用解析。如果禁用解析,数据必须进行排序,并符合相关图表类型和内部使用的缩放格式。
# 继承自
ControllerDatasetOptions.parsing
# 定义在
# pointBackgroundColor
• pointBackgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
点的填充颜色。
# 继承自
ScriptableAndArrayOptions.pointBackgroundColor
# 定义在
# pointBorderColor
• pointBorderColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
点的边框颜色。
# 继承自
ScriptableAndArrayOptions.pointBorderColor
# 定义在
# pointBorderWidth
• pointBorderWidth: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
点的边框宽度,以像素为单位。
# 继承自
ScriptableAndArrayOptions.pointBorderWidth
# 定义在
# pointHitRadius
• pointHitRadius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
非显示点的像素大小,它会响应鼠标事件。
# 继承自
ScriptableAndArrayOptions.pointHitRadius
# 定义在
types/index.d.ts:2035 (在新窗口中打开)
# pointHoverBackgroundColor
• pointHoverBackgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
鼠标悬停时点的背景颜色。
# 继承自
ScriptableAndArrayOptions.pointHoverBackgroundColor
# 定义在
types/index.d.ts:2054 (在新窗口中打开)
# pointHoverBorderColor
• pointHoverBorderColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
鼠标悬停时点的边框颜色。
# 继承自
ScriptableAndArrayOptions.pointHoverBorderColor
# 定义在
types/index.d.ts:2058 (在新窗口中打开)
# pointHoverBorderWidth
• pointHoverBorderWidth: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
鼠标悬停时点的边框宽度。
# 继承自
ScriptableAndArrayOptions.pointHoverBorderWidth
# 定义在
types/index.d.ts:2062 (在新窗口中打开)
# pointHoverRadius
• pointHoverRadius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
鼠标悬停时点的半径。
# 继承自
ScriptableAndArrayOptions.pointHoverRadius
# 定义在
types/index.d.ts:2066 (在新窗口中打开)
# pointRadius
• pointRadius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
点形状的半径。如果设置为0,则不绘制点。
# 继承自
ScriptableAndArrayOptions.pointRadius
# 定义在
types/index.d.ts:2039 (在新窗口中打开)
# pointRotation
• pointRotation: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
点在度数上的旋转。
# 继承自
ScriptableAndArrayOptions.pointRotation
# 定义在
types/index.d.ts:2043 (在新窗口中打开)
# pointStyle
• pointStyle: ScriptableAndArray
<PointStyle
, ScriptableContext
<"radar"
>>
点样式
默认
'circle;
# 继承自
ScriptableAndArrayOptions.pointStyle
# 定义在
types/index.d.ts:1998 (在新窗口中打开)
types/index.d.ts:2047 (在新窗口中打开)
# radius
• radius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
点半径
默认
3
# 继承自
ScriptableAndArrayOptions.radius
# 定义在
types/index.d.ts:1988 (在新窗口中打开)
# rotation
• rotation: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
点旋转(度)
默认
0
# 继承自
ScriptableAndArrayOptions.rotation
# 定义在
types/index.d.ts:2003 (在新窗口中打开)
# segment
• segment: ScriptableAndArray
<{ backgroundColor
: Scriptable
<Color
, ScriptableLineSegmentContext
> ; borderCapStyle
: Scriptable
<CanvasLineCap
, ScriptableLineSegmentContext
> ; borderColor
: Scriptable
<Color
, ScriptableLineSegmentContext
> ; borderDash
: Scriptable
<number
[], ScriptableLineSegmentContext
> ; borderDashOffset
: Scriptable
<number
, ScriptableLineSegmentContext
> ; borderJoinStyle
: Scriptable
<CanvasLineJoin
, ScriptableLineSegmentContext
> ; borderWidth
: Scriptable
<number
, ScriptableLineSegmentContext
> }, ScriptableContext
<"radar"
>>
# 继承自
ScriptableAndArrayOptions.segment
# 定义于
# showLine
• showLine: boolean
如果为 false,则不会为此数据集绘制线。
# 定义于
# spanGaps
• spanGaps: number
| boolean
如果为 true,将在没有或空数据的情况下绘制点之间的线。如果为 false,NaN 数据的点将创建线中断。也可以是一个数字,指定跨的最大间隔长度。值的单位取决于使用的刻度。
# 覆盖
ScriptableAndArrayOptions.spanGaps
# 定义于
# stack
• stack: string
此数据集所属组(当堆叠时,每个组将是一个独立的堆叠)的 ID。
# 继承自
ControllerDatasetOptions.stack
# 定义于
# stepped
• stepped: ScriptableAndArray
<boolean
| "middle"
| "after"
| "before"
, ScriptableContext
<"radar"
>>
设置为真以显示步进线(将被忽略张力)。
默认
false
# 从
ScriptableAndArrayOptions.stepped 继承
# 在
types/index.d.ts:1922 (在新窗口中打开)
# tension
• tension: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
Bézier曲线张力(0为不使用Bézier曲线)。
默认
0
# 从
ScriptableAndArrayOptions.tension 继承
# 在
types/index.d.ts:1917 (在新窗口中打开)
# transitions
• transitions: TransitionsSpec
<"radar"
>
# 从
AnimationOptions.transitions 继承
# 在
types/index.d.ts:1758 (在新窗口中打开)
# xAxisID
• xAxisID: string
要在其上绘制此数据集的x轴ID。
# 在
types/index.d.ts:408 (在新窗口中打开)
# yAxisID
• yAxisID: string
要在其上绘制此数据集的y轴ID。