# 接口:LineControllerDatasetOptions
# 层次结构
ScriptableAndArrayOptions
<PointPrefixedOptions
,ScriptableContext
<"line">>ScriptableAndArrayOptions
<PointPrefixedHoverOptions
,ScriptableContext
<"line">>ScriptableOptions
<Omit
<LineOptions
, keyofCommonElementOptions
>,ScriptableContext
<"line">>ScriptableAndArrayOptions
<CommonElementOptions
,ScriptableContext
<"line">>ScriptableOptions
<Omit
<LineHoverOptions
, keyofCommonHoverOptions
>,ScriptableContext
<"line">>ScriptableAndArrayOptions
<CommonHoverOptions
,ScriptableContext
<"line">>AnimationOptions
<"line">↳
LineControllerDatasetOptions
# 属性
# animation
• animation: false
| AnimationSpec
<"line"> & { 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
• animations: AnimationsSpec
<"line">
# 继承于
AnimationOptions.animations
# 定义在
types/index.d.ts:1757 (opens new window)
# backgroundColor
• backgroundColor: 可脚本化和数组<颜色, 脚本化上下文<"line"
>>
# 继承自
ScriptableAndArrayOptions.backgroundColor
# 定义于
types/index.d.ts:1807 (在新窗口中打开)
# borderCapStyle
• borderCapStyle: 可脚本化<CanvasLineCap
, 脚本化上下文<"line"
>>
线帽样式。参考MDN。
默认值
'butt'
# 继承自
ScriptableOptions.borderCapStyle
# 定义于
types/index.d.ts:1887 (在新窗口中打开)
# borderColor
• borderColor: 可脚本化和数组<颜色, 脚本化上下文<"line"
>>
# 继承自
ScriptableAndArrayOptions.borderColor
# 定义于
types/index.d.ts:1806 (在新窗口中打开)
# borderDash
• borderDash: 可脚本化<数字
[],脚本化上下文<"line"
>>
线型。参考MDN。
默认值
[]
# 继承自
ScriptableOptions.borderDash
# 定义于
types/index.d.ts:1892 (在新窗口中打开)
# borderDashOffset
• borderDashOffset: 可脚本化<数字
,脚本化上下文<"line"
>>
线型偏移量。参考MDN。
默认值
0.0
# 继承自
ScriptableOptions.borderDashOffset
# 定义于
types/index.d.ts:1897 (在新窗口中打开)
# borderJoinStyle
• borderJoinStyle: 可脚本化<CanvasLineJoin
,脚本化上下文<"line"
>>
线连接样式。参考MDN。
默认值
‘miter’
# 继承自
ScriptableOptions.borderJoinStyle
# 定义在
types/index.d.ts:1902 (在新窗口中打开)
# borderWidth
• borderWidth: ScriptableAndArray
<number
, ScriptableContext
<"line"
>>
# 继承自
ScriptableAndArrayOptions.borderWidth
# 定义在
types/index.d.ts:1805 (在新窗口中打开)
# capBezierPoints
• capBezierPoints: Scriptable
<boolean
, ScriptableContext
<"line"
>>
将 Bézier 控制点保留在图表内部为 true,false则为无限制。
默认值
true
# 继承自
ScriptableOptions.capBezierPoints
# 定义在
types/index.d.ts:1907 (在新窗口中打开)
# clip
• clip: number
| false
| ChartArea
相对于 chartArea 的裁剪方式。正值允许溢出,负值裁剪 chartArea 以内多少像素。0 = 裁剪于 chartArea。也可以按边配置裁剪:clip: {left: 5, top: false, right: -2, bottom: 0}
# 继承自
# 定义在
# cubicInterpolationMode
• cubicInterpolationMode: Scriptable
<"default"
| "monotone"
, ScriptableContext
<"line"
>>
应用插值模式。
默认值
'default'
# 继承自
ScriptableOptions.cubicInterpolationMode
# 定义在
types/index.d.ts:1912 (在新窗口中打开)
# fill
• fill: Scriptable
<FillTarget
| ComplexFillTarget
, ScriptableContext
<"line"
>>
折线和雷达图都支持数据集对象上的填充选项,可用于在两个数据集之间或数据集与边界(例如,刻度起点、起点或终点)之间创建面积。
# 继承自
ScriptableOptions.fill
# 定义在
# hidden
• hidden: boolean
配置数据集的可见状态。将其设置为true,以隐藏图表中的数据集。
默认值
false
# 继承自
ControllerDatasetOptions.hidden
# 定义在
# hoverBackgroundColor
• hoverBackgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"line"
>>
# 继承自
ScriptableAndArrayOptions.hoverBackgroundColor
# 定义在
# hoverBorderCapStyle
• hoverBorderCapStyle: Scriptable
<CanvasLineCap
, ScriptableContext
<"line"
>>
# 继承自
ScriptableOptions.hoverBorderCapStyle
# 定义在
# hoverBorderColor
• hoverBorderColor: ScriptableAndArray
<Color
, ScriptableContext
<"line"
>>
# 继承自
ScriptableAndArrayOptions.hoverBorderColor
# 定义在
# hoverBorderDash
• hoverBorderDash: Scriptable
<number
[],ScriptableContext
<"line"
>>
# 继承于
ScriptableOptions.hoverBorderDash
# 定义于
# hoverBorderDashOffset
• hoverBorderDashOffset: Scriptable
<number
,ScriptableContext
<"line"
>>
# 继承于
ScriptableOptions.hoverBorderDashOffset
# 定义于
# hoverBorderJoinStyle
• hoverBorderJoinStyle: Scriptable
<CanvasLineJoin
,ScriptableContext
<"line"
>>
# 继承于
ScriptableOptions.hoverBorderJoinStyle
# 定义于
# hoverBorderWidth
• hoverBorderWidth: ScriptableAndArray
<number
,ScriptableContext
<"line"
>>
# 继承于
ScriptableAndArrayOptions.hoverBorderWidth
# 定义于
# indexAxis
• indexAxis: "x"
| "y"
图表的基础轴。'x' 用于垂直图表,'y' 用于水平图表。
默认值
'x'
# 继承于
ControllerDatasetOptions.indexAxis
# 定义于
# label
• 标签: 字符串
数据集的标签,将在图例和工具提示中显示。
# 继承自
# 定义在
# normalized
• normalized: 布尔值
如果提供带有唯一、排序一致且跨数据集一致的数据索引,以及对Chart.js通知您已经这样做的方式提供 normalized: true 选项,那么Chart.js会运行得最快。
# 继承自
ControllerDatasetOptions.normalized
# 定义在
# order
• order: 数字
数据集的绘制顺序。这也影响堆叠的顺序、工具提示和图例。
# 继承自
ControllerDatasetOptions.order
# 定义在
# parsing
• parsing: false
| { [键: string]
: 字符串
; }
如何解析数据集。可以通过在图表选项或数据集中指定 parsing: false 来禁用解析。如果禁用解析,则必须对数据进行排序和格式化,以使用内建的图表类型和刻度。
# 继承自
ControllerDatasetOptions.parsing
# 定义在
# pointBackgroundColor
• pointBackgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"line"
>>
点的填充颜色。
# 继承自
ScriptableAndArrayOptions.pointBackgroundColor
# 定义在
types/index.d.ts:2023 (在新窗口中打开)
# 点边框颜色
• 点边框颜色: ScriptableAndArray
<颜色
, ScriptableContext
<"line"
>>
点的边框颜色。
# 继承自
ScriptableAndArrayOptions.pointBorderColor
# 定义于
types/index.d.ts:2027 (在新窗口中打开)
# 点边框宽度
• 点边框宽度: ScriptableAndArray
<number, ScriptableContext
<"line"
>>
点边框的像素宽度。
# 继承自
ScriptableAndArrayOptions.pointBorderWidth
# 定义于
types/index.d.ts:2031 (在新窗口中打开)
# 点点击半径
• 点点击半径: ScriptableAndArray
<number, ScriptableContext
<"line"
>>
非显示点的大小,用于响应鼠标事件。
# 继承自
ScriptableAndArrayOptions.pointHitRadius
# 定义于
types/index.d.ts:2035 (在新窗口中打开)
# 点悬停背景颜色
• 点悬停背景颜色: ScriptableAndArray
<颜色
, ScriptableContext
<"line"
>>
悬停时点的背景颜色。
# 继承自
ScriptableAndArrayOptions.pointHoverBackgroundColor
# 定义于
types/index.d.ts:2054 (在新窗口中打开)
# 点悬停边框颜色
• 点悬停边框颜色: ScriptableAndArray
<颜色
, ScriptableContext
<"line"
>>
悬停时点的边框颜色。
# 继承自
ScriptableAndArrayOptions.pointHoverBorderColor
# 定义于
types/index.d.ts:2058 (在新窗口中打开)
# pointHoverBorderWidth
• pointHoverBorderWidth: ScriptableAndArray<number
, ScriptableContext<"line"
>>
鼠标悬停时点的边框宽度。
# 从下面继承
ScriptableAndArrayOptions.pointHoverBorderWidth
# 定义于
types/index.d.ts:2062 (在新窗口中打开)
# pointHoverRadius
• pointHoverRadius: ScriptableAndArray<number
, ScriptableContext<"line"
>>
鼠标悬停时点的半径。
# 从下面继承
ScriptableAndArrayOptions.pointHoverRadius
# 定义于
types/index.d.ts:2066 (在新窗口中打开)
# pointRadius
• pointRadius: ScriptableAndArray<number
, ScriptableContext<"line"
>>
点形状的半径。如果设置为0,则点不会被渲染。
# 从下面继承
ScriptableAndArrayOptions.pointRadius
# 定义于
types/index.d.ts:2039 (在新窗口中打开)
# pointRotation
• pointRotation: ScriptableAndArray<number
, ScriptableContext<"line"
>>
点在度数上的旋转。
# 从下面继承
ScriptableAndArrayOptions.pointRotation
# 定义于
types/index.d.ts:2043 (在新窗口中打开)
# pointStyle
• pointStyle: ScriptableAndArray<PointStyle, ScriptableContext<"line"
>>
点的样式。
# 从下面继承
ScriptableAndArrayOptions.pointStyle
# 定义于
types/index.d.ts:2047 (在新窗口中打开)
# segment
• segment: Scriptable
<{ 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
<"line"
>>
# Inherited from
ScriptableOptions.segment
# Defined in
types/index.d.ts:1932 (在新窗口中打开)
# showLine
• showLine: boolean
# Defined in
types/index.d.ts:213 (在新窗口中打开)
# spanGaps
• spanGaps: number
| boolean
如果为true,将在没有或为null的数据的点之间绘制线条。如果为false,NaN数据将会在行中创建一个断裂。也可以是指定跨越最大间隙长度的数字。值单位取决于所使用的比例。
默认值
false
# Overrides
ScriptableOptions.spanGaps
# Defined in
types/index.d.ts:211 (在新窗口中打开)
# stack
• stack: string
此数据集所属组的ID(在堆叠时,每个组将是一个独立的堆叠)。
# Inherited from
ControllerDatasetOptions.stack
# 定义在
# stepped
• stepped: Scriptable
<boolean
| "middle"
| "after"
| "before"
, ScriptableContext
<"line"
>>
为显示为阶梯形的线(将忽略张力)设置为true。
默认值
false
# 从
ScriptableOptions.stepped 继承
# 定义在
types/index.d.ts:1922 (在新窗口中打开)
# tension
• tension: Scriptable
<number
, ScriptableContext
<"line"
>>
Bézier曲线张力(0表示没有Bézier曲线)。
默认值
0
# 从
ScriptableOptions.tension 继承
# 定义在
types/index.d.ts:1917 (在新窗口中打开)
# transitions
• transitions: TransitionsSpec
<"line"
>
# 从
AnimationOptions.transitions 继承
# 定义在
types/index.d.ts:1758 (在新窗口中打开)
# xAxisID
• xAxisID: string
在该数据集上绘制x轴的ID。
# 定义在
types/index.d.ts:201 (在新窗口中打开)
# yAxisID
• yAxisID: string
在该数据集上绘制y轴的ID。