ASP.NET MVC コントロールヘルプ
IRenderEngine インターフェース
ファイル
wijmo.chart.js
モジュール
wijmo.chart

基本描画ルーチンを実行するレンダリングエンジンを表します。

プロパティ

メソッド

プロパティ

cssPriority

CSSの優先度を示す値を取得または設定します。 デフォルト値はtrueです。指定されたcssクラスは、塗りつぶしやストロークなどの現在のエンジンのプロパティよりも優先されます。

boolean

element

レンダリングされた要素を取得します。

Element

fill

要素の塗りつぶしに使用される色を取得または設定します。

string

fontFamily

テキスト出力のフォントファミリを取得または設定します。

string

fontSize

テキスト出力のフォントサイズを取得または設定します。

string

stroke

要素の輪郭の描画に使用される色を取得または設定します。

string

strokeWidth

輪郭の太さを取得または設定します。

number

textFill

テキストの色を取得または設定します。

string

メソッド

addClipRect

addClipRect(clipRect: Rect, id: string): void

コンテキストにクリッピング四角形を追加します。

パラメーター
  • clipRect: Rect

    The clipping rectangle.

  • id: string

    The ID of the clipping rectangle.

戻り値
void

beginRender

beginRender(): void

ビューポートをクリアしてレンダリングサイクルを開始します。

戻り値
void

drawDonutSegment

drawDonutSegment(cx: number, cy: number, radius: number, innerRadius: number, startAngle: number, sweepAngle: number, className?: string, style?: any, clipPath?: string): void

ドーナツ円グラフセグメントを描画します。

パラメーター
  • cx: number

    X coordinate of the segment center.

  • cy: number

    Y coordinate of the segment center.

  • radius: number

    Outer radius of the segment.

  • innerRadius: number

    Inner radius of the segment.

  • startAngle: number

    Start angle of the segment, in degrees.

  • sweepAngle: number

    Sweep angle of the segment, in degrees clockwise.

  • className: string Optional

    Class name to be applied to the element.

  • style: any Optional

    Style object to be applied to the element.

  • clipPath: string Optional

    Id of the path to use as a clipping path.

戻り値
void

drawEllipse

drawEllipse(cx: number, cy: number, rx: number, ry: number, className?: string, style?: any): void

楕円を描画します。

パラメーター
  • cx: number

    X coordinate of the ellipse's center.

  • cy: number

    Y coordinate of the ellipse's center.

  • rx: number

    X radius (half of the ellipse's width).

  • ry: number

    Y radius (half of the ellipse's height).

  • className: string Optional

    Class name to be applied to the element.

  • style: any Optional

    Style object to be applied to the element.

戻り値
void

drawImage

drawImage(href: string, x: number, y: number, w: number, h: number): void

画像を描画します。

パラメーター
  • href: string

    Url of the image to draw.

  • x: number

    Left coordinate of the image's bounding rectangle.

  • y: number

    Bottom coordinate of the image's bounding rectangle.

  • w: number

    Image width.

  • h: number

    Image height.

戻り値
void

drawLine

drawLine(x1: number, y1: number, x2: number, y2: number, className?: string, style?: any): void

線を描画します。

パラメーター
  • x1: number

    X coordinate of the first point.

  • y1: number

    Y coordinate of the first point.

  • x2: number

    X coordinate of the second point.

  • y2: number

    Y coordinate of the second point.

  • className: string Optional

    Class name to be applied to the element.

  • style: any Optional

    Style object to be applied to the element.

戻り値
void

drawLines

drawLines(xs: number[], ys: number[], className?: string, style?: any, clipPath?: string, num?: number): void

一連の線分を描画します。

パラメーター
  • xs: number[]

    Array of X coordinates.

  • ys: number[]

    Array of Y coordinates.

  • className: string Optional

    Class name to be applied to the element.

  • style: any Optional

    Style object to be applied to the element.

  • clipPath: string Optional

    Id of the path to use as a clipping path.

  • num: number Optional
戻り値
void

drawPieSegment

drawPieSegment(cx: number, cy: number, radius: number, startAngle: number, sweepAngle: number, className?: string, style?: any, clipPath?: string): void

円グラフセグメントを描画します。

パラメーター
  • cx: number

    X coordinate of the segment center.

  • cy: number

    Y coordinate of the segment center.

  • radius: number

    Radius of the segment.

  • startAngle: number

    Start angle of the segment, in degrees.

  • sweepAngle: number

    Sweep angle of the segment, in degrees clockwise.

  • className: string Optional

    Class name to be applied to the element.

  • style: any Optional

    Style object to be applied to the element.

  • clipPath: string Optional

    Id of the path to use as a clipping path.

戻り値
void

drawPolygon

drawPolygon(xs: number[], ys: number[], className?: string, style?: any, clipPath?: string): void

多角形を描画します。

パラメーター
  • xs: number[]

    Array of X coordinates.

  • ys: number[]

    Array of Y coordinates.

  • className: string Optional

    Class name to be applied to the element.

  • style: any Optional

    Style object to be applied to the element.

  • clipPath: string Optional

    Id of the path to use as a clipping path.

戻り値
void

drawRect

drawRect(x: number, y: number, w: number, h: number, className?: string, style?: any, clipPath?: string): void

四角形を描画します。

パラメーター
  • x: number

    Left of the rectangle.

  • y: number

    Bottom of the rectangle.

  • w: number

    Width of the rectangle.

  • h: number

    Height of the rectangle.

  • className: string Optional

    Class name to be applied to the element.

  • style: any Optional

    Style object to be applied to the element.

  • clipPath: string Optional

    Id of the path to use as a clipping path.

戻り値
void

drawSplines

drawSplines(xs: number[], ys: number[], className?: string, style?: any, clipPath?: string, num?: number): void

一連のスプライン分(滑らかなパス)を描画します。

パラメーター
  • xs: number[]

    Array of X coordinates.

  • ys: number[]

    Array of Y coordinates.

  • className: string Optional

    Class name to be applied to the element.

  • style: any Optional

    Style object to be applied to the element.

  • clipPath: string Optional

    Id of the path to use as a clipping path.

  • num: number Optional
戻り値
void

drawString

drawString(s: string, pt: Point, className?: string, style?: any): void

文字列を描画します。

パラメーター
  • s: string

    String to be drawn.

  • pt: Point

    Reference point for the string.

  • className: string Optional

    Class name to be applied to the element.

  • style: any Optional

    Style object to be applied to the element.

戻り値
void

drawStringRotated

drawStringRotated(s: string, pt: Point, center: Point, angle: number, className?: string, style?: any): void

回転した文字列を描画します。

パラメーター
  • s: string

    String to be drawn.

  • pt: Point

    Reference point for rendering the string.

  • center: Point

    Reference point for rotating the string.

  • angle: number

    Rotation angle, in degrees, clockwise.

  • className: string Optional

    Class name to be applied to the element.

  • style: any Optional

    Style object to be applied to the element.

戻り値
void

endGroup

endGroup(): void

グループを終了します。

戻り値
void

endRender

endRender(): void

レンダリングサイクルを完了します。

戻り値
void

measureString

measureString(s: string, className?: string, groupName?: string, style?: any): Size

文字列を測定します。

パラメーター
  • s: string

    String to be measured.

  • className: string Optional

    Class name to use when measuring the string.

  • groupName: string Optional

    Name of the group to use when measuring the string.

  • style: any Optional

    Style object to use when measuring the string.

戻り値
Size

setViewportSize

setViewportSize(w: number, h: number): void

ビューポートのサイズを設定します。

パラメーター
戻り値
void

startGroup

startGroup(className?: string, clipPath?: string, createTransform?: boolean): void

グループを開始します。

パラメーター
  • className: string Optional

    Class name to apply to the new group.

  • clipPath: string Optional

    Id of the path to use as a clipping path.

  • createTransform: boolean Optional

    Whether to create a new transform for the group.

戻り値
void