【MISS COLLE枠予選13】CanCamモデル発掘オーディション! (2020/07/30 13:00 ~ 2020/07/30 21:59) ズーム 始点 NaN 終点 NaN Use up and down arrows to move selection Use up and down arrows to move upper selection Use up and down arrows to move lower selection Use TAB select grip buttons or up and down arrows to change selection L L 07/30(木) 07/31(金) 2020/08 08/02(日) ズーム Chart Use left and right arrows to move selection 始点 07/30(木) 終点 08/01(土) Use left and right arrows to move left selection 始点 07/30(木) Use left and right arrows to move right selection 終点 08/01(土) Use TAB to select grip buttons or left and right arrows to change selection 100% Chart created using amCharts library
From 81% to 100% Use up and down arrows to move selection To 19% Use up and down arrows to move upper selection From 0% Use up and down arrows to move lower selection Use TAB select grip buttons or up and down arrows to change selection 森花恋 #ミスサークル2 02 0 枇杷橋さくら #ミスサークル2 02 0 初見さん歓迎!藝大生・ヤスミンるーむ #フレキャン2 02 0 能勢もなみ #ミスサークル2 02 0 片山めぐみ #フレキャン2 02 0 藤森春香 #フレキャン2 02 0 宮川愛 #ミスサークル2 02 0 【アバ配布中】川原かなの幸せ集会所 #フレキャン 【感謝イベ中】荻原志帆 #フレキャン2 02 0 カワウソ割烹 #谷口愛/フレキャン2 02 0 林みやび #ミスサークル2 02 0 本城 美雅(みやび)#フレキャン2 02 0 大藤裕海のたべルーム♡ 月に行きたい!ななみんルーム岡野七海@フレキャン2 02 0 しばるーむ☺︎柴崎真由#ミスサークル2 02 0 一ノ瀬舞夕 #フレキャン2 02 0 北林萌 #フレキャン2 02 0 竹内もも伽 #フレキャン2 02 0 吉武あやえ #ミスサークル2 02 0 坂田葵 フレキャン2 02 0 柴田優子 #フレキャン2 02 0 松田沙久良 #フレキャン2 02 0 【イベ中!】ゆりりんルーム #フレキャン2 02 0 長屋宏菜 ミスサークル2 02 0 りんroom #ミスサークル2 02 0 [アバ配布中!]今西美友 #ミスサークル2 02 0 面家清華 #フレキャン2 02 0 高橋音羽 #フレキャン2 02 0 鈴木美南 #フレキャン2 02 0 〈3 0日ガチイベ〉 あーや劇場#フレキャン2 02 0 青山優花(あおやま ゆか) #フレキャン2 02 0 キンギョウネイ #フレキャン2 02 0 樋口若葉 #ミスサークル2 02 0 おまめルーム 齋藤都のみややんroom #フレキャン2 02 0 曾根菜津美 #フレキャン2 02 0 コヤナギミコト#フレキャン2 02 0 木場愛莉 #フレキャン2 02 0 【ガチイベ中!】渋谷彩乃 #ミスサークル2 02 0 CanCam参加中!森田美菜⭐ #ミスサークル2 02 0 笠井きなり #フレキャン2 02 0 石川莉央佳 #ミスサークル2 02 0 racoのミュージカル劇場 宝塚人間 #フレキャン 野村琳加 #ミスサークル2 02 0 尾関真緒 #ミスサークル2 02 0 須山優菜 【CanCamイベ参加中】 岩渕綺音 #ミスサークル2 02 0 藤田沙也 #ミスサークル2 02 0 winwinな関係築こうや❗荒川愛華 #ミスサークル2 02 0 諸岡彩 #フレキャン2 02 0 【CanCamイベ】松尾梨咲 #ミスサークル2 02 0 【8/17~三次審査】赤石美友Ⓜ️♥️ミスサークル 大西咲菜 #フレキャン2 02 0 3 0日CamCamガチイベ!吉田千夏 #フレキャン2 02 0 神保夕海 #ミスサークル2 02 0 鶴丸京香 #フレキャン2 02 0 橘未有 #フレキャン2 02 0 さくらワールド #ミスサークル2 02 0 深沢明菜 #ミスサークル2 02 0 河内梨花 #ミスサークル2 02 0 太田朱香(あやか) #フレキャン2 02 0 大塚ゆきの❁ゆっきーroom 市川珠良 #ミスサークル2 02 0 山川夏未 #フレキャン2 02 0 内藤理加 #フレキャン2 02 0 中村絵里香 #ミスサークル2 02 0 まあやのお部屋 高石実梨愛 #フレキャン2 02 0 福西真佐美(まーちゃん)@ミスサー2 02 0 濵崎雅奈子(かなてぃんるーむ) #ミスサークル2 02 0 小木曽弥月 #ミスサークル2 02 0 【CanCamガチイベ中!】星ひなた 中村真理亜 #ミスサークル2 02 0 入澤安未花 #ミスサークル2 02 0 れいの頭の中【例の部屋】 田窪優花 ~タクボのコゴト~ #フレキャン2 02 0 大野美月 #フレキャン2 02 0 星投げ歓迎⭐️ 旅人サリーのお部屋 #フレキャン2 02 0 坂下侑香 #フレキャン2 02 0 ひなたかなと #フレキャン2 02 0 【ガチイベ中】竹村侑花 #ミスサークル2 02 0 ClarensiaMichelle #ミスサークル2 02 0 七瀬優 #ミスサークル2 02 0 畝田佳奈 #ミスサークル2 02 0 CanCamモデル発掘オーディション参加中!!岩田みらい 大嶋紗也佳《さやぴー♡》#フレキャン !スタダイベ中!武岡有希 #ミスサークル2 02 0 樋口絢乃(あやのん)@ミスサークル2 02 0 鈴木なぎさ #ミスサー2 02 0参加中 なっこの部屋[森 菜都子 #ミスサークル2 02 0] おさきさんの部屋。#ミスサークル2 02 0 南ちひろ #ミスサークル2 02 0 さきの満開ルーム(西林咲稀) #ミスサークル2 02 0 小林萌夏のトロピカルルーム #フレキャン 富田明里 #フレキャン2 02 0出場中! 澤田 綺良里(きらり)@ミスサークル2 02 0 Chart created using amCharts library
【amChart版 RCバージョン 追加説明等】
ルーム名の前後に空白(半角・全角何れでも)があるルームはグラフに表示されないようです (イベント全体のランキングも正しくなりません)。これについては amCharts のデータパーサの仕様と思われるため、ルーム名を改変する以外での対処ができません(改変前後でデータに不整合が生じますので、amChartsを読み直して頂く必要があります)。これが原因の非表示ルームに気づいた場合には(非表示よりは良いとの理由で止む無く)私の方で改変しておりますが、気づけず非表示状態が続く場合はPNGグラフをご利用いただけますようお願い致します。
凡例部分に全てのルームが表示されないケースがあります (凡例領域のスクロールバーが表示されない)。この場合、表示されている何れかのルームの表示・非表示を一度変更して頂くと、凡例領域のスクロールバーが表示されます。表示・非表示を切り替えたルームについては、すぐに元に戻して頂いて構いません。
最初の表示でポイントや順位が正しくない事があります が、最初の表示から2回程度の差分取得(10分後位)後に安定します。理由は判明しているのですが現時点で対処方法が不明な為、対応予定は未定です。暫く非アクティブ状態でアクティブ化された後に順位やグラフの線が異常になった場合は、お手数ですが一度画面の再読み込みをお願い致します(既知の不具合です)。
グラフ上で拡大したい部分を選択することで、グラフを拡大する事が出来ます 。左側・下側に有るスクロールバーの始点・終点を移動する事でも同様に拡大ができます。選択された部分を移動するには、スクロールバーの選択部分を上下左右に移動させてください。
手動で縮小してグラフ右端がデータ取得時間より古い時間になった際、自動で最終取得時間に移動したり右端を拡大したりする機能はこのページには設定しておりません 。そのような状態になった場合は、お手数ですが御自身で右端の時間を確認の上、表示範囲を調整するなど適宜御対応ください。(このページは任意の時間・ポイント範囲を拡大できる機能を実装しているので、指定された時間・ポイント範囲を勝手に現在時刻に応じて変更するのは反って不便かと思われる為、このような仕様になっています。ご要望が有れば、トップページの配信ルーム数表示のような、24時間や33時間といった範囲で最新時刻に自動追随するバージョンも検討させて頂きたいと思います)
凡例のルーム名をクリックすると表示・非表示が切り替えられます 。非表示にした直後のルームのポイントは 0 で表示されます(再度表示に切り替えたり、次回のデータ更新によって、最終データのポイント表示に更新されます) 。この機能とグラフの拡大を組み合わせることで、これまでのグラフでは非表示だった下位ルームのポイント推移をクローズアップしたり、特定のルームのポイント推移のみをピックアップして表示する事が可能です。また、初期表示時は標準で上位12ルーム(イベントによって異なります) をグラフ表示していますが、順位変動でルームが入れ替わった場合も、一度でも12位以上にあったルームについては敢えて自動での非表示化はしておりません(つまり、13位以下でも表示され続けるルームが出てきますし、ユーザが敢えて非表示にしても12位以上に入ったルームは再表示される、という形になります。任意のルームの表示・非表示を設定できるように指定してある為に、非表示への切替でユーザ設定を上書きしてしまう事を避ける為の仕様ですが、自動で非表示にしたのかユーザが非表示にしたのかを確認する機能は実装していない為、ユーザが非表示にしたルームでも、次のデータ更新のタイミングで12位以上に入ったルームは再表示される形になっています)
右上にある「 」のアイコンメニューから画像やデータをダウンロードする事が出来ます 。現時点で対応しているフォーマットは 画像ダウンロード:PNG, JPG, PDF, データダウンロード: CSV(TAB区切り), JSON, XLSX, HTML です(印刷出力は未検証です。SVGは現時点で対応不能です[理由は↓に])。 を使用してのダウンロードでは、画像と印刷の出力範は、グラフ(チャート)と凡例(の表示されている部分)のみで、減算検出以下の説明文等は含まれません。また、元データではSRからのデータ取得失敗時には負の値を記録していますが、amCharts版では個別データ(負値データ)を除外していると重くなるため、データ取得時に負の値をNullとして出力するAPIを通しています。amChartsでのデータダウンロードは、この負値がNull化されたデータになります。
グラフ上でルームの推移ラインをクリックすると、そのルームのプロフィールページが開きます (新しいタブ、又は新しいウィンドウで開きます)。グラフタイトルの部分をクリックするとイベントページに移動する機能は既存のPNG・SVGページと同じです(同じタブ・ウィンドウで移動します)。既存ページ(PNG・SVGページ)に有る、最上部左で履歴の一つ前、中央部でサイトトップへと戻る機能は実装しておりません。
グラフに線を描いたりコメントを記入できる編集機能(downloadメニュー内の"Annotate")については amCharts の初期設定のままとなっています。PNGとしてダウンロードしてから画像編集ソフトでコメント入れとかしなくとも、この画面の中でコメント入れをしてPNGでダウンロードする、といった事が可能です。個人的にあまり使う事はないと思うので、この機能についての説明等はご容赦ください。
始点・終点の入力と幾つかの時間範囲のボタンを設けました。ボタンによる範囲指定は、ボタンをクリックした時点を起点にして遡るようにしていますが、スクロールバーと同様に自動更新による最新データの追跡・追従はしていません(適宜「全期間」に戻すか、若しくは再度同じ時間範囲のボタンをクリックして頂けますと、右端を最新時間とするように再度移動します[あくまでも手動です])。
データの自動取得は5分毎です 。ブラウザウィンドウやタブがアクティブではない等の理由で更新が停止した場合、アクティブになった時点で更新を再開します(アクティブ化されて5分後に、未取得データを差分取得)。
縦軸スクロールバーの始点と終点に表示されるツールチップ(ポイントしたときにポップアップで表示される)は敢えて非表示にしています。
amCharts版RCバージョンでは現時点で減算検出点の表示(減算検出時点をグラフ上に〇印表示)や、特典獲得目安ラインの表示には対応していません。
取得予定等で表示している日時は、直近のデータ取得日時(≠最終データの日時)と、次回データ取得予定日時になります。但し、イベント終了後の結果データはイベント終了時刻~2時間前後として日時変換して表示 しています。
現在分っているTODOや問題点
データを項目名ではなく順番で識別している(?)ようで、各データ取得サーバ間で参加ルームの登録順番が異なる場合、異なる項目に読み込んでしまう。初期状態でルーム名を合わせても、途中参加ルームの追加順番や取得時ルーム名はサーバ毎に異なってしまう事も少なくない為、対応法検討中(致命的なので対応できなければamCharts版は廃止方向)。また、そもそものルーム名も読み込んだタイミングに由って異なるため、内部的な項目名はルームIDかユーザアカウントに変更し、表示名としては dummy data を利用してルーム名を使用する方向で検討中(export上の項目名もルーム名)。
データダウンロードすると、存在しない筈の未来時刻のレコードが追加される事が有る。原因不明(毎時59分等、5分刻みではないデータが有った場合に amCharts内部で勝手に受け取った時刻フィールドを書き換えてる??)
現時点で、既存のPNG/SVGページで表示しているような、特典取得の目安ラインや減算点・減算ポイントの情報は未対応です(対応予定 未定or不能)。
一度非表示にすると、ルーム名をマウスオーバーしても、グラフ上の該当ルームの線が hover しなくなる。(原因調査中、対応未定)
PDFフォーマットデータ出力は非対応としています。default状態で出力した場合は日本語表示が出来ずに文字化け(所謂文字化け、読めない)し、amChart4にある解決法(am4fonts_notosans_jp)を指定してもやはり文字化け(今度は所謂文字化けや豆腐ではなく、表示されない[白抜き]文字が多数出てしまう)。(データを、 CSV や XSLX ではなく、どうしても PDF でダウンロードする必要がある、という需要が実際上有るとは思えない為、対応予定無し)。
タッチ動作可能なデバイス(最近のiOSだけかも?)でルーム名クリックによるグラフ上への表示・非表示を切り替えようとすると、意図せずに画面が拡大されてしまう事がある。暫定対応として、タッチデバイスのみ、左端に全体をスクロールするドラッググリップを表示するようにしているので、これをドラッグする事で画面の下の方に移動し、下の適当な部分を再度タップ(ダブルタップ)することで拡大状態が解除されます。(対策模索中)
ルーム名クリックで線を非表示にした際、非表示にしたルームのポイントが(一時的に)0として表示されてしまう動作を解除したいが、方法が分らない。(対応方法不明、現時点で対応不能)
減算点・減算ポイントを表示する。(減算ポイントはいつでも表示できるが、グラフ上に減算点を表示するのが意外に面倒で[線の色を取得して一つ一つ円を描くか、該当点のみBullet表示<可能?>])、表示も結構賑やかになってしまうので迷い中。対応未定)
凡例の表示を何とかしたい…。順位順に並べ替えたり、各ルーム枠自体のサイズの変更[フォントは変えられるけれど個別rectangleの高さが変えられないので隙間が詰まらない] 、ダウンロードの時は全リスト表示[グラフに非表示のルームを除外表示とか?] 、等々。(対応未定)
ツールチップが煩すぎるので、表示非表示を切り替えられるようにしたい(対応未定)。また、ツールチップが下にはみ出した場合、凡例ブロックより背面になって表示がみられなくなる。(対応方法不明)
カーソルツールチップの軸上表示や、時間軸スクロールバーの始点・終点の日時表示が、表示中の時間幅に引きずられるが、このフォーマットは固定したい。(対応模索中 ダメっぽい)
自動更新のタイミングが分かり辛いのので、次回更新日時と現在表示しているデータの日時(最終更新日時)を別表示にしたい。(対応未定)
表示を最終データの日時で表示したいが、amChartsの addData でデータを追加してもその関数内では dataItems.length が変化しない(当然、dataItems.getIndex(x+1)も undefined , だけど実際にデータは追加されてる[グラフには描画されている]という状態…) ので、実際の最終データの Index が取れない。なので今は取得に行った日時を表示する形にしています(自前で取得した最終データの日時を使うかどうかも検討しましたが、addDataの戻り値が無いため、本当に追加できたかどうかわからないデータ内の日時を表示するのは違うかな、と…)。
画像出力で、SVGでファイル出力した場合だけ凡例(外部コンテナ)が出力されない(amChartsのバグ? 対応方法不明。現時点で対応不能)
縦軸スクロールバーの始点と終点のツールチップが逆になっているのを直したい (バー部分やグリップアイコン以外の部分は正しく表示されているが、グリップアイコン上の表示が真逆。拡縮したタイミング?で直る事も有る。また、始点・終点に表示される数字も合ってない(スクロールバーの選択範囲部分のツールチップの値は合っているが、その値と始点・終点各々のツールチップの値が既に異なっている)。(現時点で対応不能) →amChartsのExamplesでも再現されている=バグなので対応しません。バグがfixされるまでツールチップ非表示とします。