Skip to content
fandhe-frontend
GitHub

Bar List

fandhe-frontend-pre-styled-uicharts(内包)mod が提供するスタイル済み Bar List 部品です。

関連 API: fandhe-frontend-pre-styled-ui API

Demo

系列の最大値に対する比率でバー幅を決めるランキング型バーリストです。カテゴリ順(挿入順)にそのまま描画するため、降順表示にしたい場合は呼び出し側で ChartData::sort_by_series を事前に適用します。

Jan120
Feb200
Mar150
Apr80

Features

  • ランキング型バーリスト。単一系列を対象に、系列内最大値に対する比率でバー幅を決める
  • カテゴリ順(挿入順)にそのまま描画する(降順表示は呼び出し側で ChartData::sort_by_series を事前適用)

Anatomy

root
  item
    label
    value
    track
      bar

API Reference

Arguments

NameTypeDefaultDescription
series_name&str(必須)描画対象の系列名。ChartData に存在しない場合は ChartError を返す。

CSS Variables

VariableDefault
--fandhe-bar-list-percent0%

Examples

visits 系列のランキング

4 カテゴリの visits 系列を比率バーで表示します。

Jan120
Feb200
Mar150
Apr80