# インターフェース: LineOptions

# 階層

CommonElementOptions

↳ **`LineOptions`**

# プロパティ

# backgroundColor

• **backgroundColor**: `色`

# 継承元

CommonElementOptions.backgroundColor

# 定義場所

types/index.d.ts:1807 (新しいウィンドウで開きます)

# borderCapStyle

• **borderCapStyle**: `CanvasLineCap`

線の端点のスタイル。MDNを参照してください。

デフォルト

'butt'

# 定義場所

types/index.d.ts:1887 (新しいウィンドウで開きます)

# borderColor

• **borderColor**: `色`

# 継承元

CommonElementOptions.borderColor

# 定義場所

types/index.d.ts:1806 (新しいウィンドウで開きます)

# borderDash

• **borderDash**: `number`[]

破線。MDNを参照してください。

デフォルト

[]

# 定義場所

types/index.d.ts:1892 (新しいウィンドウで開きます)

# borderDashOffset

• **borderDashOffset**: `number`

破線のオフセット。MDNを参照してください。

デフォルト

0.0

# 定義場所

types/index.d.ts:1897 (新しいウィンドウで開きます)

# borderJoinStyle

• **borderJoinStyle**: `CanvasLineJoin`

線の結合スタイル。MDNを参照してください。

デフォルト

'miter'

# 定義場所

types/index.d.ts:1902 (新しいウィンドウで開きます)

# borderWidth

• **borderWidth**: `number`

# 継承元

CommonElementOptions.borderWidth

# 定義場所

types/index.d.ts:1805 (新しいウィンドウで開きます)

# capBezierPoints

• **capBezierPoints**: `boolean`

ベジェ曲線の制御点をチャート内に制限するにはtrue、制限しない場合はfalse。

デフォルト

true

# 定義場所

types/index.d.ts:1907 (新しいウィンドウで開きます)

# cubicInterpolationMode

• **cubicInterpolationMode**: `"default"` | `"monotone"`

適用する補間モード。

デフォルト

'default'

# 定義場所

types/index.d.ts:1912 (新しいウィンドウで開きます)

# fill

• **fill**: `塗りつぶし対象` | `複合塗りつぶし対象`

ラインチャートとレーダーチャートはどちらも、データセットオブジェクトに fill オプションをサポートしています。これは、2 つのデータセット間、またはデータセットと境界（スケールの原点、開始、または終了）の間に領域を作成するために使用できます。

# 定義場所

types/index.d.ts:1926 (新しいウィンドウが開きます)

# セグメント

• segment: Object

# 型宣言

名前	型
`背景色`	`Scriptable`<`Color`, `ScriptableLineSegmentContext`>
`線の端のスタイル`	`Scriptable`<`CanvasLineCap`, `ScriptableLineSegmentContext`>
`境界線の色`	`Scriptable`<`Color`, `ScriptableLineSegmentContext`>
`境界線の破線`	`Scriptable`<`number`[], `ScriptableLineSegmentContext`>
`境界線の破線オフセット`	`Scriptable`<`number`, `ScriptableLineSegmentContext`>
`境界線の結合スタイル`	`Scriptable`<`CanvasLineJoin`, `ScriptableLineSegmentContext`>
`境界線の幅`	`Scriptable`<`number`, `ScriptableLineSegmentContext`>