目次
1. 理解: 分位属性グラフとは何ですか
2. グラフ化: Excel による分位属性グラフの作成方法
3. 実践: 分位点属性グラフの拡張使用法
ホームページ ウェブフロントエンド htmlチュートリアル オリジナル | 分位点属性チャート、動的属性ラベルの作成方法を説明 (チャート シリアル_02)_html/css_WEB-ITnose

オリジナル | 分位点属性チャート、動的属性ラベルの作成方法を説明 (チャート シリアル_02)_html/css_WEB-ITnose

Jun 21, 2016 am 08:48 AM

1. 理解: 分位属性グラフとは何ですか

Oriental Fortune Network の株価ページには次のような表があります:

表データは、従来の定量的なデータに加えて、各財務指標を定性的に解釈するのに役立つ「四分位属性」の最後の行を備えた、株式に対応する財務指標です。株価目標の分析。視覚化にはセル内チャートの形式が使用されており、非常に斬新で、その効果は非常に直感的です。

今回は、上の図を例として、Excel の手法と分位属性グラフの拡張ゲームプレイを紹介します。

2. グラフ化: Excel による分位属性グラフの作成方法

作成アイデア:

まず、このグラフに含まれる定性ラベルを見てみましょう: 低い、低い、高と高の合計 4 つのラベルは、図の下から上の 4 つの歯車に対応します。歯車の色はインジケーターの属性によって決まります。たとえば、インジケーターが「上位」の属性を持っている場合、グラフ上の 2 番目の歯車は青に変わり、他の歯車は無色のままになります。次に、使用するグラフの種類を決定します。明らかに、棒グラフが最も適切です。たとえば、インジケーター データの対応するラベルが「高い」場合、グラフ シリーズの値は (0、0、1、0) になります。

1. データ ソースを構築します

データ ソースの構築プロセスと効果は次のとおりです。

必要なもの表 8 行目「Gear Division」では、データの有効性を使用してドロップダウン リスト (低、低、高、高) を作成します。

表の13行目の「数値変換」は中間変数で、例えばセルE8が選択された場合、ラベルに対応するシリアル番号を返す関数(ヒント:MATCH関数)を使用します。 「下位」の場合、セル E13 は値 2 を返します。

パート 3 の「データ ソース生成」テーブルは、チャート データを生成するために使用されます。つまり、インジケーターの対応するラベルが「上位」の場合、データ ソースの他のラベル データは 0 であり、 「上位」ラベルのデータは 1 です。 (ヒント: IF 関数を使用します)

2. グラフを作成します

1) セル C18:C21 を選択し、棒グラフを挿入します。

2) シリーズを選択し、シリーズ形式でカテゴリの間隔を 0 に設定し、境界線を付けません。同時に、最大座標値を 1 に設定し、系列フラグを削除します。

3) 垂直グリッド線を削除し、メインの水平グリッド線を追加します。 。水平座標と垂直座標を削除し、描画領域の境界線をグレーに設定し、系列の塗りつぶしの色を濃い青に設定します。

4) グラフの境界線をキャンセルします。グラフのサイズを調整し、セル C28 にドラッグ アンド ドロップします。

5) グラフを他のいくつかのセル (D28 から J28) にコピーし、データ ソースを変更します。

上記は四分位属性マップの描画プロセスです。 もちろん、五分位、6 番目を作成することもできます。必要に応じて四分位数など。時間が限られているため、詳細な手順を記載することはできませんが、ご容赦ください。興味のある友達は作ってみてください。質問がある場合は、公開アカウントにメッセージを残してください。

以下は GIF の動的効果です:

3. 実践: 分位点属性グラフの拡張使用法

に加えて 分位属性図は、定性的な属性タグの表示に加えて、オブジェクトのランキングの変化を適切に表示することもできます。

最近、クレジット カードの戦略的評価を準備するために、過去 3 年間のクレジット カードの競合他社の主要指標のランキングの変化を示す PPT を作成する必要がありました。ランキングの変化を効果的に表示する方法について頭を悩ませていたとき、突然、分位点属性グラフのことを思いつきました。そこで、PPT を使用してランキング推移グラフを作成してみました。

写真からわかるように、2013 年から私は CITIC Credit Card カード発行額では常に第 2 層のリーダーであり、ローン残高は 2014 年の 3 位から 1 位に上昇し、収益も 2013 年と 2014 年の 2 位から 1 位に躍り出ています。 3 つの指標はすべて第 2 層でリードしており、運用上の利点はさらに強化されています。 (広告掲載ではなく実際のデータ)

もちろん、PPT は完全に図形で描かれており、技術的な内容は含まれていません。

最後に簡単にまとめてみましょう。

分位属性マップ:

[目的] - 3 ~ 5 個のシーケンス項目に適した定性属性シーケンスを表示します (おおよそ)

- オブジェクトを表示しますランキング変更、オブジェクト数制限なし

【メリット】 形式が斬新、データが見える、セル内に配置可能

以上が今回の内容ですが、ご静聴いただきありがとうございます。読んでいただき、何かインスピレーションを与えていただければ幸いです。

操作中に質問や提案がある場合は、この公式アカウントの背景にメッセージを残してください。

さらにアプリケーションのアイデアがある場合は、 、いつでもコミュニケーションを歓迎することもできます。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

See all articles