BroadcastMedalOptions型
リファレンスの説明と例は英語です。見出しと目次は日本語です。
What a broadcast medal table can be told: labels (the codes or the names), ranks, the sort and the rows, and the options of every broadcast board.
インポート
import type { BroadcastMedalOptions } from "@johnmorrisdotca/taisen-brackets";
定義
interface BroadcastMedalOptions extends BroadcastOptions, Pick<MedalTableOptions, "sort" | "ties" | "top" | "skipEmpty"> {
labels?: "code" | "name";
ranks?: boolean;
}
メンバー
| 名前 | 型 | 説明 |
|---|---|---|
labels (省略可) | "name" | "code" | undefined | Write each row's |
ranks (省略可) | boolean | undefined | Write the rank before each row. Default true. |
width (省略可) | number | undefined | The width of the board; the height follows from the rows. Default 1280, from 320 to 4000. |
look (省略可) | BroadcastLook | undefined |
|
icon (省略可) | BroadcastIcon | undefined | The icon in the square at the left of the title: |
iconMark (省略可) | string | undefined | A mark of your own for that square (inline SVG or an image address), in place of |
flags (省略可) | FlagRenderer | undefined | Draws a flag from its code, as for |
flagHref (省略可) | ((code: string) => string | null | undefined) | undefined | The address of a flag as a picture to load, tried where |
locale (省略可) | string | Locale | undefined | |
words (省略可) | Partial<Words> | undefined | |
title (省略可) | string | undefined | The |
id (省略可) | string | undefined | |
className (省略可) | string | undefined | |
ties (省略可) | boolean | undefined | Equal rows share a rank ( |
sort (省略可) | "given" | "gold" | "total" | undefined |
|
top (省略可) | number | undefined | Only the first N rows, after sorting. |
skipEmpty (省略可) | boolean | undefined | Hide the rows with no medal at all. Default false. |
例
import { broadcastMedalTable, type BroadcastMedalOptions } from "@johnmorrisdotca/taisen-brackets";
const options: BroadcastMedalOptions = { width: 960, labels: "name", ranks: true };
console.log(broadcastMedalTable({ subtitle: "Day 16", rows: [
{ name: "United States", code: "USA", flag: "US", gold: 46, silver: 29, bronze: 29 },
{ name: "China", code: "CHN", flag: "CN", gold: 38, silver: 27, bronze: 22 },
] }, options).startsWith("<svg"));true出力(このページを作ったときに実行した結果)
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。