yunagi_n https://blog.hatena.ne.jp/yunagi_n/ なつねこメモ https://tech.natsuneko.blog/ TypeScript React @ant-design/plots という、統計情報みたいなグラフを表示するための Alibaba グループの出しているライブラリがあります。 これは様々なカスタマイズができていろいろ便利なのですが、なにせドキュメントが英文化されていないのに加えて抜けがあるみたいな状態で、地味につらいです。 ということで、今回はそんな @ant-design/plots で特定条件でラベルを表示する方法を紹介します。 今回は Column 、つまりは棒グラフについてです。 Label を設定することで、棒グラフの上、中心、下に任意の文字列を表示させることが出来ます。 例えば、上記リンクの例ではグラフ中央に数値… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.natsuneko.blog%2Fentry%2F2022%2F11%2F17%2Fshow-labels-by-condition-in-ant-design-plots" title="@ant-design/plots で、特定条件を満たした場合だけラベルを表示したい - なつねこメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-11-16 15:00:00 rich https://tech.natsuneko.blog/entry/2022/11/17/show-labels-by-condition-in-ant-design-plots 1.0 100%