Interface LineChartStyle

LineChart style.

interface LineChartStyle {
    animateIndex?: boolean;
    antiAlias?: boolean;
    backgroundColor?: Color;
    backgroundShader?: Shader;
    blendMode?: BlendMode;
    border?: boolean;
    borderCapStyle?: StrokeCap;
    borderColor?: Color;
    borderDashInterval?: number[];
    borderDashOffset?: number;
    borderJoinStyle?: StrokeJoin;
    borderShader?: Shader;
    borderWidth?: number;
    dotSize?: number;
    layout?: Layout;
    lineWidth?: number;
    margin?: number | [number, number, number, number] | [number, number];
    rotation?: number;
    scaleX?: number;
    scaleY?: number;
    showLine?: boolean;
    tension?: number;
    transparency?: number;
}

Hierarchy (view full)

Properties

animateIndex? antiAlias? backgroundColor? backgroundShader? blendMode? border? borderCapStyle? borderColor? borderDashInterval? borderDashOffset? borderJoinStyle? borderShader? borderWidth? dotSize? layout? lineWidth? margin? rotation? scaleX? scaleY? showLine? tension? transparency?

Properties

Optional animateIndex

animateIndex?: boolean

Description

animateIndex is a boolean that represents whether to add animation to the index value of the data points in the line chart. It is optional. If not provided, the animateIndex will be false.

Optional antiAlias

antiAlias?: boolean

Optional backgroundColor

backgroundColor?: Color

Description

backgroundColor is a color that represents the background color of the dataUnit, which may be displayed in various forms. It is optional.

Optional backgroundShader

backgroundShader?: Shader

Description

backgroundShader is a shader that represents the background shader of the dataUnit, which may be displayed in various forms. It is optional.

Optional blendMode

blendMode?: BlendMode

Optional border

border?: boolean

Description

border is a boolean that represents whether the dataUnit has a border.

Optional borderCapStyle

borderCapStyle?: StrokeCap

Description

borderCapStyle is a string that represents the style of the border cap. It is optional. If not provided, the borderCapStyle will be butt.

Optional borderColor

borderColor?: Color

Description

borderColor is a color that represents the border color of the dataUnit, which may be displayed in various forms. It is optional.

Optional borderDashInterval

borderDashInterval?: number[]

Description

borderDashInterval is an array of numbers that represents the intervals of the dashed border. It is optional. If not provided, the borderDashInterval will be undefined.

Optional borderDashOffset

borderDashOffset?: number

Description

borderDashOffset is a number that represents the offset of the dashed border. It is optional. If not provided, the borderDashOffset will be 0.

Optional borderJoinStyle

borderJoinStyle?: StrokeJoin

Description

borderJoinStyle is a string that represents the style of the border join. It is optional. If not provided, the borderJoinStyle will be miter.

Optional borderShader

borderShader?: Shader

Description

borderShader is a shader that represents the border shader of the dataUnit, which may be displayed in various forms. It is optional.

Optional borderWidth

borderWidth?: number

Description

borderWidth is a number that represents the border width of the dataUnit, which may be displayed in various forms. It is optional.

Optional dotSize

dotSize?: number

Description

dotSize is a number that represents the size of the dots in the line chart. It is optional. If not provided, the dotSize will be 5.

Optional layout

layout?: Layout

Optional lineWidth

lineWidth?: number

Description

lineWidth is a number that represents the width of the line in the line chart. It is optional. If not provided, the lineWidth will be 3.

Optional margin

margin?: number | [number, number, number, number] | [number, number]

Optional rotation

rotation?: number

Optional scaleX

scaleX?: number

Optional scaleY

scaleY?: number

Optional showLine

showLine?: boolean

Description

showLine is a boolean that represents whether to show the line in the line chart. It is optional. If not provided, the showLine will be true.

Optional tension

tension?: number

Description

tension is a number that represents the tension of the line in the line chart, which is used to create a Bézier curve. It is optional. If not provided, the tension will be 0.1.

Optional transparency

transparency?: number

Settings

Member Visibility

Theme

On This Page

animateIndexantiAliasbackgroundColorbackgroundShaderblendModeborderborderCapStyleborderColorborderDashIntervalborderDashOffsetborderJoinStyleborderShaderborderWidthdotSizelayoutlineWidthmarginrotationscaleXscaleYshowLinetensiontransparency