質問: 表示するデータが多すぎる方法 メインのダッシュボードにユーザーが表示および分析できるデータのテーブルを表示するwebベースのプラットフォームを構築しています。このツールの成長に伴い、列が追加され、画面解像度が低くなると水平方向のスペースが不足しているように見えます(データの折り返しが発生しています)。ユーザーがすべての列を一度に表示することは重要です。したがって、列の非表示は、横スクロールと同じように(ボスの要求に従って、とにかく横スクロールが邪魔になるため)問題とは言えません。多くの列を持つテーブルの賢いuiを誰かが知っているのかと思っていました。[〜#〜]編集[〜#〜]以下は、テーブルのレイアウトのスクリーンキャプチャです。残念ながら、セキュリティ上の理由から、列のタイトルをぼかす必要がありました。この例には、実際にはデータが含まれていない行がありますが、使用中は、それぞれの列のタイトルよりも広くなる多くのデータが含まれます。一部の回答に対しては、特定の決定を行うためにデータを分析するためにすべての列が必要であるため、ユーザーがすべての列を確認することが不可欠です。最初の3つの列を除いて、すべてのデータは数値です。フィードバックをお寄せいただきありがとうございます。わかりましたので、この画像をアップロードしても実際にはうまくいきません... 1680x1050の解像度(22インチ)で画面の全幅を占有し、データが列に入力されると、テキストを含む左の列が縮小します少しダウン。編集2みんなの素晴らしいアイデアに感謝したいと思います。私は1つの回答しか選択できませんが、あなたのアイデアの多くは非常に有用であることが証明されており、最終的に最終製品になる可能性があります。再度、感謝します!
回答: ここにいくつかのアイデアがあります:本当の質問はこれです:ユーザーが実際にどのデータを見る必要があるのですか?すべての行がデータのすべての列に入力されますか?鉱山はそうではありませんが、「スパース」マトリックスの種類のディスプレイとはかけ離れています。1)魚眼ビュー 魚眼ビューについて考えたことはありますか?良いjavascriptソリューションを見つけるのは難しいですが、javaアプレットを見つけるのは簡単です。2)ホバーのヒント 簡潔な数値データを(範囲に基づいてさまざまな精度で)表示し、ホバー時に列のタイトルを表示しますか?関心のあるセルを強調表示し、ユーザーがそれらにカーソルを合わせて、それらがどの列であるかを確認する必要がある場合があります。3)グループ化 同様の列が設定されたアイテムをグループにグループ化し、同様のアイテムでいくつかのテーブルを作成して、各テーブルから未設定の列を除外します。実際にそれらをグループ化する方法を先験的に知る必要はありません...各行にどの列が入力されるかを示すビットマップまたはハッシュを作成してから、行を共通の列セットにソート/クラスター化できます。別のアルゴリズムは、入力された列の数で単純にソートすることです。私はこれが非常にうまく機能することを発見し、グループ化を簡単に特定するのに役立ち、軽微な不整合をかなりうまく公開しています。