ホームページ > ウェブフロントエンド > htmlチュートリアル > オリジナル | 分位点属性チャート、動的属性ラベルの作成方法を説明 (チャート シリアル_02)_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-21 08:48:56
オリジナル
1665 人が閲覧しました

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 個のシーケンス項目に適した定性属性シーケンスを表示します (おおよそ)

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

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

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

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

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート