鏈枃浣滆�咃細HelloGitHub-kalifun
鍥捐〃搴撳崈涓囦釜浠婂ぉ HelloGitHub 缁欏ぇ瀹舵帹鑽愪釜寰堟湁鈥滅壒鑹测�濈殑鍥捐〃搴擄細涓�涓墜缁橀鏍肩殑 JS 鍥捐〃搴� 鈥斺�� Chart.xkcd锛屽揩鏀惰捣浣犵揣缁枫�佷弗鑲冪殑闈㈠璁╂垜浠竴璧风湅鐪嬬敤鎵嬬粯椋庢牸灞曠ず鏁版嵁鐨勬晥鏋溿��
涓�銆佷粙缁�
椤圭洰鍦板潃锛歨ttps://github.com/timqian/chart.xkcd
Chart.xkcd 鏄竴涓浘琛ㄥ簱锛屽彲缁樺埗鈥滈潪绮剧粏鈥濄�佲�滃崱閫氣�濇垨鈥滄墜缁樷�濇牱寮忕殑鍥捐〃銆�
鏁堟灉鏄笉鏄緢鍙埍锛熼偅涓嬮潰灏辫窡鐫� HelloGitHub 鍙戣捣鐨�銆婅瑙ｅ紑婧愰」鐩��鐨勬暀绋嬩竴璧峰涔犮�佷笂鎵嬩娇鐢ㄨ捣鏉ュ惂锛�
浜屻�佸揩閫熷叆鎵�
浣跨敤 Chart.xkcd 寰堝鏄擄紝鍙渶椤甸潰涓寘鍚簱鐨勫紩鐢ㄥ拰涓�涓敤浜庢樉绀哄浘琛ㄧ殑 鑺傜偣鍗冲彲銆�
2.1 浠ｇ爜绀轰緥
鍏堢敤涓�娈电畝鐭殑浠ｇ爜锛岃澶у浜嗚В涓嬪熀鏈殑鍙傛暟鍜屼唬鐮佺殑鏍峰瓙锛屽悗闈細鏈夊彲杩愯鐨勪唬鐮佺ず渚嬬墖娈典緵澶у瀛︿範鍜屼娇鐢� 馃榿銆�
Title
2.2 鍙傛暟璇存槑
title锛氬浘琛ㄧ殑鏍囬xLabel锛氬浘琛ㄧ殑 x 鏍囩yLabel锛氬浘琛ㄧ殑 y 鏍囩data锛氶渶瑕佸彲瑙嗗寲鐨勬暟鎹�options锛氳嚜瀹氫箟璁剧疆
涓夈�佸浘琛ㄧ被鍨�
Chart.xkcd 鏀寔澶氭牱鐨勫浘琛ㄧ被鍨嬶紝涓嬮潰灏嗛�愪竴璁茶В鍜屽疄鐜帮細鎶樼嚎鍥俱�乆Y 鍥俱�佹潯褰㈠浘銆佸渾楗�/鐢滅敎鍦堝浘銆侀浄杈惧浘锛屽疄鐜扮殑绀轰緥浠ｇ爜瀹屾暣鍙繍琛屻�佹敞閲婂畬鏁淬�佸寘鍚弬鏁拌鏄庛��
tips锛氫笅鏂囦腑鐨勭ず渚嬩唬鐮佸潎鍙洿鎺ヨ繍琛岋紝淇濆瓨涓� html 鏂囦欢渚垮彲鍦ㄦ湰鏈烘煡鐪嬫晥鏋溿��
3.1 鎶樼嚎鍥�
鎶樼嚎鍥句互鎶樼嚎褰㈠紡鏄剧ず涓�绯诲垪鏁版嵁鐐癸紝瀹冨彲浠ョ敤浜庢樉绀鸿秼鍔挎暟鎹垨涓嶅悓鏁版嵁闆嗙殑姣旇緝銆�
绀轰緥浠ｇ爜
Title
鍙傛暟璇存槑
yTickCount锛氳嚜瀹氫箟瑕佸湪y杞翠笂鐪嬪埌鐨勫埢搴﹀彿锛堥粯璁や负 3锛�legendPosition锛氭寚瀹氳鏀剧疆鍥句緥鐨勪綅缃紙榛樿涓�chartXkcd.config.positionType.upLeft锛夈��- 宸︿笂浣嶇疆锛�
chartXkcd.config.positionType.upLeft - 椤跺彸涓婁綅缃細
chartXkcd.config.positionType.upRight - 宸︿笅浣嶇疆锛�
chartXkcd.config.positionType.downLeft - 鍙充笅浣嶇疆锛�
chartXkcd.config.positionType.downRight
- 宸︿笂浣嶇疆锛�
dataColors锛氫笉鍚岄鑹茬殑鏁版嵁闆嗘暟缁�fontFamily锛氬畾鍒跺浘琛ㄤ腑浣跨敤鐨勫瓧浣撶郴鍒�unxkcdify锛氱鐢� xkcd 鏁堟灉锛堥粯璁や负 false锛�
鏁堟灉灞曠ず
3.2 XY 鍥�
XY 鍥捐〃鐢ㄤ簬閫氳繃鎸囧畾鐐圭殑 XY 鍧愭爣鏉ョ粯鍒剁偣锛屾偍涔熷彲浠ラ�氳繃杩炴帴杩欎簺鐐规潵缁樺埗 XY 鎶樼嚎鍥俱��
绀轰緥浠ｇ爜
鍙傛暟璇存槑
xTickCount锛氳嚜瀹氫箟瑕佸湪x杞翠笂鐪嬪埌鐨勫埢搴﹀彿锛堥粯璁や负 3锛�yTickCount锛氳嚜瀹氫箟瑕佸湪y杞翠笂鐪嬪埌鐨勫埢搴﹀彿锛堥粯璁や负 3锛�legendPosition锛氭寚瀹氳鏀剧疆鍥句緥鐨勪綅缃�showLine: 鐐硅繛鎺ユ垚绾裤��timeFormat锛氭寚瀹氭椂闂存牸寮�dotSize锛氭洿鏀圭偣鐨勫ぇ灏忥紙榛樿涓� 1锛�dataColors锛氫笉鍚岄鑹茬殑鏁版嵁闆嗘暟缁�fontFamily锛氬畾鍒跺浘琛ㄤ腑浣跨敤鐨勫瓧浣撶郴鍒�unxkcdify锛氱鐢� xkcd 鏁堟灉锛堥粯璁や负 false锛�
鏁堟灉灞曠ず
濡傛灉浣犳兂灏嗚繖浜涚偣杩炴帴璧锋潵锛岃鏁版嵁瀵规瘮鏇村姞鏄庢樉鐨勮瘽銆傝淇敼 showLine锛歵rue 鍐嶅埛鏂伴〉闈綘灏卞彲浠ョ湅鍒拌繛绾跨殑鏁堟灉浜嗐��
3.3 鏉″舰鍥�
鏉″舰鍥炬彁渚涗簡涓�绉嶆樉绀轰互绔栨潯琛ㄧず鐨勬暟鎹�肩殑鏂瑰紡銆�
绀轰緥浠ｇ爜
鍙傛暟璇存槑
yTickCount锛氳嚜瀹氫箟瑕佸湪y杞翠笂鐪嬪埌鐨勫埢搴﹀彿锛堥粯璁や负 3锛�dataColors锛氫笉鍚岄鑹茬殑鏁版嵁闆嗘暟缁�fontFamily锛氬畾鍒跺浘琛ㄤ腑浣跨敤鐨勫瓧浣撶郴鍒�unxkcdify锛氱鐢▁kcd鏁堟灉锛堥粯璁や负 false锛�
鏁堟灉灞曠ず
3.4 鍦嗛ゼ/鐢滅敎鍦堝浘
楗煎浘骞挎硾寰楀簲鐢ㄥ湪鍚勪釜棰嗗煙锛岀敤浜庤〃绀轰笉鍚屽垎绫荤殑鍗犳瘮鎯呭喌锛岄�氳繃寮у害澶у皬鏉ュ姣斿悇绉嶅垎绫汇�傞ゼ鍥鹃�氳繃灏嗕竴涓渾楗兼寜鐓у垎绫荤殑鍗犳瘮鍒掑垎鎴愬涓尯鍧楋紝鏁翠釜鍦嗛ゼ浠ｈ〃鏁版嵁鐨勬�婚噺锛屾瘡涓尯鍧楋紙鍦嗗姬锛夎〃绀鸿鍒嗙被鍗犳�讳綋鐨勬瘮渚嬪ぇ灏忥紝鎵�鏈夊尯鍧楋紙鍦嗗姬锛夌殑鍔犲拰绛変簬 100%銆�
绀轰緥浠ｇ爜
鍙傛暟璇存槑
innerRadius锛氭寚瀹氱┖鐨勯ゼ鍥惧崐寰勶紙榛樿鍊硷細0.5锛�- 闇�瑕侀ゼ鍥惧悧锛熷皢
innerRadius璁剧疆涓� 0
- 闇�瑕侀ゼ鍥惧悧锛熷皢
legendPosition锛氭寚瀹氳鏀剧疆鍥句緥鐨勪綅缃�dataColors锛氫笉鍚岄鑹茬殑鏁版嵁闆嗘暟缁�fontFamily锛氬畾鍒跺浘琛ㄤ腑浣跨敤鐨勫瓧浣撶郴鍒�unxkcdify锛氱鐢� xkcd 鏁堟灉锛堥粯璁や负 false锛�
鏁堟灉灞曠ず
3.5 闆疯揪鍥�
闆疯揪鍥撅紙Radar Chart锛夊張琚彨鍋氳湗铔涚綉鍥撅紝閫傜敤浜庢樉绀轰笁涓垨鏇村鐨勭淮搴︾殑鍙橀噺銆傞浄杈惧浘鏄互鍦ㄥ悓涓�鐐瑰紑濮嬬殑杞翠笂鏄剧ず鐨勪笁涓垨鏇村涓彉閲忕殑浜岀淮鍥捐〃鐨勫舰寮忔潵鏄剧ず澶氬厓鏁版嵁鐨勬柟娉曪紝鍏朵腑杞寸殑鐩稿浣嶇疆鍜岃搴﹂�氬父鏄棤鎰忎箟鐨勩��
绀轰緥浠ｇ爜
鍙傛暟璇存槑
showLabels锛氬湪姣忚闄勮繎鏄剧ず鏍囩锛堥粯璁や负 false锛�ticksCount锛氳嚜瀹氫箟瑕佸湪涓昏涓婄湅鍒扮殑鍒诲害鍙凤紙榛樿涓� 3锛�dotSize锛氭洿鏀圭偣鐨勫ぇ灏忥紙榛樿涓� 1锛�showLegend锛氬湪鍥捐〃闄勮繎鏄剧ず鍥句緥锛堥粯璁や负 false锛�legendPosition锛氭寚瀹氳鏀剧疆鍥句緥鐨勪綅缃�dataColors锛氫笉鍚岄鑹茬殑鏁版嵁闆嗘暟缁�fontFamily锛氬畾鍒跺浘琛ㄤ腑浣跨敤鐨勫瓧浣撶郴鍒�unxkcdify锛氱鐢� xkcd 鏁堟灉锛堥粯璁や负 false锛�
鏁堟灉灞曠ず
鍥涖�佹渶鍚�
浠ヤ笂灏辨槸璁茶В鐨勫叏閮ㄥ唴瀹癸紝鐩镐俊鏁欑▼鑷虫 Chart.xkcd 搴撶殑鍩烘湰鐢ㄦ硶浣犲凡缁忓熀鏈帉鎻★紝鍚庨潰灏卞彲浠ョ敤鏉ヤ粖澶╁鍒扮殑涓滆タ锛屾彁楂樿嚜宸遍」鐩殑棰滃�间簡銆�
鏈変簡 Chart.xkcd 璁╂暟鎹彲鐖卞湴灞曠ず鍑烘潵骞朵笉闅撅紝蹇姩鎵嬭嚜宸卞疄鐜颁竴涓惂锝�
浜斻�佸弬鑰冭祫鏂�
CHART.XKCD 瀹樻柟鏂囨。
CHART.XKCD 椤圭洰鍦板潃
銆庤瑙ｅ紑婧愰」鐩郴鍒椼��鈥斺�旇瀵瑰紑婧愰」鐩劅鍏磋叮鐨勪汉涓嶅啀鐣忔儳銆佽寮�婧愰」鐩殑鍙戣捣鑰呬笉鍐嶅鍗曘�傝窡鐫�鎴戜滑鐨勬枃绔狅紝浣犱細鍙戠幇缂栫▼鐨勪箰瓒ｃ�佷娇鐢ㄥ拰鍙戠幇鍙備笌寮�婧愰」鐩姝ょ畝鍗曘�傛杩庣暀瑷�鑱旂郴鎴戜滑銆佸姞鍏ユ垜浠紝璁╂洿澶氫汉鐖变笂寮�婧愩�佽础鐚紑婧愶綖