序文
最初の記事は、あなたと共有しているため、「ビッグデータの可視化、大画面の設計経験を、あなたを教えるために！「 たくさんのデザインチャートのデータの可視化の経験の小さなパートナーのは、私にいくつかの適切な質問をして、小さなパートナーは私のドラフトビジョンを送っ読んで、全体的にかなり良いですが、チャートのデザインはいくつかの問題があることがわかっただろう、我々は、少なくともいくつかので、この記事では、私はピットとチャートのデザインの理解の共有に遭遇した、パフォーマンスチャートの詳細をマイニングを見ていきます。
グラフィックデザイン
グラフィックデザインコンセプト
グラフィックデザインは、データが二次加工され、データの可視化の分野の支店で統計チャートだけでなく、コア性能データの可視化方法で提示された、グラフィックデザインは、直感的で理解しやすい、チャート自体が明確かつ正確なデータを確保する必要があるが、また、コアを強調することが適切では、ユーザーがデータを通じて意思決定を支援するために、ユーザの注意を特定します。
以下の3つの一般的な可視化設計解析：
線グラフ
一般折れ線グラフで使用されるデータの変化や傾向を示し、折り線の振幅の異なるバリエーションが座標軸大きな影響を有しています。
ラインの変化が軸の設定があまりにも急である座標左、低すぎると、パフォーマンスデータの可視化の描画間隔値（10-34）は、ポリライントレンド変化を誇張しました。
右の軸の値が高すぎる設定されている、破線の変更は、パフォーマンスのポリラインで明確な変化があまりにも平坦ではありません。
合理的な折れ線グラフは、グラフの三分の二の位置を占める必要があり、X軸の値を動的に計算作ら小さい遠位説明リトル兄弟姉妹を、必要と折れ線の値の増減に応じて変化するグラフの範囲。
折れ線グラフのポリラインの厚さは、合理的かつ細心のポリラインデータを視覚的に困難な正確ポリラインポイントの対応する値を見つけるために、詳細にポリラインを変動するパフォーマンスあまりにも太い破線のデータ損失を削減する必要があります！私は通常2本の画素ラインを使用し、それがより適切と思われます！
比較チャートの目盛りゼロベースラインは、全体の混乱明白ではない、パフォーマンスチャートデータに影響を与え、あまりにも重い右の色をチェックします。これは、開始位置は、ラインカラーチャートの投影された数よりも一般に大きいゼロベースラインで強調しています。
バー/ヒストグラム
理想的には、現実は非常に細いです、いっぱいです。この場合は、実際には、必要がある状況、データが入って来た後、問題の怖がって、原因が良いフロントエンド小さなGejieとの通信ではありません、彼らはこのような問題が生じ、死んでX軸を書き、私が仕事で直面する問題の前にありますこれらの図には書かれて動的に計算範囲であるべきです。
例如，以现在数值范围为例，数据的最高值为18，X轴最高数值应该为25，当数据又上升一定的高度后，X轴再上升到相应的数值高度，这样避免了如右图的问题。
坐标轴的标签文字最好能水平排列，当X轴标签文字过多时，不建议倾斜排列、上下排列、换行排列文字多了这样的展示大大降低了阅读性！下图给出两个解决方案，大大提高标签文字的阅读性！
解决方案
柱子之间过于分散就会失去数据之间的关联性，过密就会变得数据之间没有独立性更不利于舒适阅读。
当柱子为n时，柱子直接的距离建议与n相差不要太大，柱子靠边的距离，最好是柱子之间的一半的距离，这样视觉上最为舒适。
饼图
左1图，不建议在饼图内与百分比数值一起显示，饼图本身的形状和大小，文字过多时容易溢出，如果出现一个2%一个1%，就很难辨别图形指向，这样也就失去了数据可视化的意义，PPT通常有这样的设计样式，因为是个死图。
左3图，人的阅读习惯是从左到右，从上到下，所以数据从大到小排列，更有助于阅读，图形也更具美感！
当饼图为检出率，或者一些重要信息检测的重点关注数据，就不建议大小数据顺时针排列，左1图这种情况一般很少出现，因为关注的是检出数值，展示未检出数据实为鸡肋，可能是极少情况的需要吧！
右图对于类似检出率的数据最为合适，直观清晰，没有无用数据干扰！
当饼图的标签维度过多时，就不适合把数据围绕饼图一周展示，会很乱，不易阅读，解决方案如右图！
图表分类图
分享一张图表分类大全，保存起来，设计数据可视化产品，会有重要参考价值！
这张图由设计师Abela对图表的各种特征进行了大致的概括总结。