圖表文字重疊 about councilor-voter-guide

[thewayiam]

g0v/twly-voter-guide#20
在立委投票指南也遇到此問題，數值太小的部份文字會重疊

[s890081tonyhsu]

套用highcharts效果，如果可以，我希望能全部使用

PC hover, Mobile tap都有顯示百分比

[seadog007]

圖表重疊++

[seadog007]

"PC hover, Mobile tap都有顯示百分比" 這個idea不錯
Google chart也可以做到 而且好像很方便

[s890081tonyhsu]

其實我會提這Issue重點除了圖表重疊之外，還有相對極小的資料顯示問題

因為Pie Chart重點是比例比較，如果說兩筆相對（最大資料）極小的資料要做比較，highcharts有功能可以將大資料隱藏

雖然不知用戶會不會發現這功能，但我希望用戶第一眼是看到比例，而不是擠在一起的數字

[yuchiang-hsiao]

如果說讓滑鼠移到區塊上才讓數字顯示呢?

[ChiaYinT]

我試了加上把滑鼠移到區塊上才讓數字顯示
這樣的效果好嗎？？

[s890081tonyhsu]

如果是用在最小項之百分比約1%的或許還有用
但是在收入支出的圖表常發生極大和極小值的差距，滑鼠要摸到好像有點困難

再者，手機用戶想要做到mouseover效果，需要用按壓（Chrome for Android的處理方式），同樣如前，極小值真的摸得到嗎

如果能解決以上兩點，才算是解決圖表文字重疊

[ChiaYinT]

那這個解法呢？ 基本上是多加上一條線
http://jsfiddle.net/thudfactor/HdwTH/

[s890081tonyhsu]

如果將字體拉大可能就接近完整解了，只是不知需要多少功夫（在圖不會被無限延展的狀況下）

因為d3畫出來的圖是固定大小的，小螢幕容易出界

[ChiaYinT]

其實不太熟d3 js這些東西 不過我可先試試看 ：Ｄ

[thewayiam]

http://jsfiddle.net/thudfactor/HdwTH/
這解法的確較好
蠻希望圖中就包含完整資訊可供後續討論

[ChiaYinT]

這個如何？

[thewayiam]

我覺得非常好，完全是夢中的樣子XD

[ChiaYinT]

不過我在網頁上沒有看到效果耶？！哪裡出錯了嗎？還是還沒發佈code上去server?

[thewayiam]

deployed !
http://councils.g0v.tw/suggestions/