EChartsÖÐÎİæÊÇÒ»¿îÓɰٶÈËÑË÷·¢²¼µÄÊý¾Ý¿ÉÊÓ»¯Èí¼þ£¬¿Í»§¿ÉÒÔ¾¹ý´Ëϵͳ¿ªÕ¹¸ßЧÂʵÄʵ¼Ê²Ù×÷£¬¸÷ÖÖͼÐζ¼Äܹ»Öð½¥ÖÆ×ö£¬½«×ÜÌå´´ÒâÎݸԽÀ´Ô½ÓÐʹÓüÛÖµ£¬²»µ«¿ÉÒÔÈÿͻ§¿ÉÒÔ¸üΪÐÎÏ󻯵ØÕÆÎÕÊý¾Ý±é²¼×´¿ö£¬»¹ÄÜÐÖú¿Í»§¶ÔÊý¾Ý¿ªÕ¹·¢¾òºÍÈںϡ£
¡¾Åä´î¡¿
Åä´îµÄͼ±í»á¸ü¾ßÓиÐȾÁ¦Ò²¸üÓÐÓÐȤζÐÔ£¬EChartsÌṩµÄͼ±í(¹²11Àà17ÖÖ)Ö§³ÖËæÒâÅä´î£ºÕÛÏßͼ(Ãæ»ýͼ)¡¢ÖùÐÎͼ(ÌõÐÎͼ)¡¢É¢µãͼ(ÆøÅÝͼ)¡¢KÏßͼ¡¢±ý״ͼ(»·ÐÎͼ)¡¢Í¼±í¡¢µØÐÎͼ¡¢ºÍÏÒͼ¡¢Á¦µ¼Æ½Ãæ²¼ÖÃͼ¡¢³µÄÚÒDZíÅÌ¡¢Â©¶·Í¼¡£
Åä´î×´¿öÏÂÒ»¸ö¹æ·¶Í¼±í£º°üÀ¨Î¨Ò»Í¼Ê¾¡¢¸¨Öú¹¤¾ß¡¢Êý¾ÝµØÇøµ÷ÕûͼƬ´óС¡¢º¯ÊýÖµÓòÊý¾ÝÂþÓοØÖÆÄ£¿é£¬Ò»¸öÖ±½Ç×ø±ê(¿É°üÀ¨Ò»Ìõ»òºÃ¼¸ÌõÆ·ÀàÖÐÐÄÏߣ¬Ò»Ìõ»òºÃ¼¸ÌõÖµÖÐÐÄÏߣ¬½Ï¶àǰºó×óÓÒËÄÌõ)
¡¾Í϶¯ÖزâËã¡¿
Í϶¯ÖزâËãÌØµã(רÀûȨ)²úÉúÁËÊý¾Ýͳ¼Æ·ÖÎöͼ±í´ÓûÓйýµÄ¿Í»§ÌåÑ飬ÈÝÐíʹÓÃÕß¶Ôͳ¼Æ·ÖÎöÊý¾Ý¿ªÕ¹ºÏÀíÓÐЧµÄ»ñÈ¡¡¢Èںϣ¬ÄËÖÁÔںü¸¸öͼ±í¼ä»¥»»Êý¾Ý£¬ÊÚÓèÁËÏû·ÑÕß¶ÔÊý¾Ý¿ªÕ¹·¢¾ò¡¢ÈںϵÄÄÜÁ¦¡£
¡¾¶¯Ì¬ÐÔÖÖÀàת»»¡¿
EChartsÌṩÁ˶¯Ì¬ÐÔÖÖÀàת»»£¬Èÿͻ§ÎÞ¾ÐÎÞÊøµÄת»»µ½ËûËùÐëÒªµÄͼ±íÖÖÀàºÍ²ãµþÇé¿ö¡£
¡¾Í¼Ê¾µçÔ´¿ª¹Ø¡¿
EChartsÌṩÁ˸ßЧ¿ì½ÝµÄ¶à²ã´ÎͼʾµçÔ´¿ª¹Ø£¬¿ÉÒÔËæÒâת»»µ½ÄãËùÔÚÒâµÄÊý¾ÝϵÁвúÆ·¡£
¡¾Êý¾ÝµØÇøÌôÑ¡¡¿
Êý¾Ý¿ÉÒÔÊÇÎÞÇîµÄ£¬µ«±íÃ÷ÊÒÄÚ¿Õ¼äÒ»Ö±±È½ÏÓÐÏ޵ģ¬Êý¾ÝµØÇøÌôÑ¡×é¼þÌṩÁË´óÊý¾ÝÁ¿ÖÐÊý¾ÝÂþÓεÄÄÜÁ¦£¬Èÿͻ§ÌôÑ¡²¢Õ¹ÏÖËûËùÔÚÒâµÄÊý¾ÝµØÇø¡£
Ï໥ÅäºÏתÏòµÄƽ¾ùÖµ(¼«´óÖµ)µÀ·±êÏߣ¬±êÃ÷³ÊÏÖÇ¿¾¢µÄÊý¾Ý·ÖÎöÄÜÁ¦¡£
¡¾º¯ÊýÖµÓòÊý¾ÝÂþÓΡ¿
¸ù¾Ý×ù±êµÄͼ±í(ÈçµØÐÎͼ¡¢É¢µãͼ)¸ù¾ÝÑÕɫת±äÖ÷Òª±íÏÖ±êÖµµÄ³ß´çÄÜÐÎÏ󻝯·ÅÆÐÎÏóµÄÕ¹ÏÖÊý¾Ý±é²¼¡£
µ«ÔõÑù¶Ô½¹µ½ÎÒËù¹Ø×¢µÄÊý¾ÝÉÏ?´ó¼ÒÔì¾ÍÁ˳ÆÖ®Îªº¯ÊýÖµÓòÊý¾ÝÂþÓεÄ×÷Óã¬ÈÃÄãÄÜÇáÇáËÉËÉ¿ªÕ¹±êÖµÌôÑ¡¡£
¡¾Ñ£¹â¶¯»ÌØÐ§¡¿
EChartsÖ§³Ö±êÃ÷µÀ·±êÏßµÄÑ£¹â¶¯»ÌØÐ§£¬ÓÈÆäÓÃÔÚµØÍ¼ÉÏÇáÇáËÉËÉÍê³É°Ù¶ÈǨáãÊý¾Ý½»»¥¶¯»ÌØÐ§
¡¾¶¯Ì¬ÐÔÊý¾Ý¼ÓÉÏ¡¿
¼ÙÈçÄã±ØÐëÕ¹ÏÖÓм´Ê±±ä¶¯µÄÊý¾Ý£¬¼áÐÅÕâÒ»¶¯Ì¬ÐÔ²å¿Ú»á¶ÔÄãºÜÓÐÐÖú¡£
¡¾¶à²ã´Î³Á»ý¡¿
Ö§³Ö¶àϵÁвúÆ·£¬¶à²ã´ÎµÄÊý¾Ý³Á»ý£¬Ï໥ÅäºÏÈ«×Ô¶¯ÉìËõʽµÄͼÐÍʵÌåÏߺÍÖ±½Ç×ø±ê£¬ÄÜÕ¹ÏÖ³ö¸üÓÐÆ·Î»µÄͳ¼Æ·ÖÎöͼ±í
Ò»¡¢³ä×ãµÄͼ±íÖÖÀà
echartsÌṩÁË»ù±¾µÄÕÛÏßͼ£¬ÖùÐÎͼ£¬É¢µãͼ£¬±ý״ͼ£¬KÏßͼ£¬ÓÃÒÔͳ¼Æ·ÖÎöµÄºÐÐÍͼ£¬ÓÃÒÔ×ÔÈ»µØÀíÊý¾Ý½»»¥µÄµØÐÎͼ£¬ÈÈÁ¦µØÍ¼£¬ÇúÏßͼ£¬ÓÃÒÔ¹ØÁªÊý¾Ý½»»¥µÄ¹ØÏµÍ¼£¬treemap£¬¶àά¶ÈÊý¾Ý½»»¥µÄƽÐÐ×ø±ê£¬Ò²ÓÐÓÃÒÔBIµÄ©¶·Í¼£¬³µÄÚÒDZíÅÌ£¬¶øÇÒÖ§³ÖͼÓëͼÖмäµÄÅä´î¡£
ÄãÄÜÔÚÔÚÏßÏÂÔØÒ³ÃæÔÚÏßÏÂÔØ°üÀ¨È«²¿Í¼±íµÄ´î½¨Îĵµ£¬¼ÙÈç½ö½ö±ØÐëÔÚÆäÖÐÒ»Á½¸öͼ±í£¬ÓÖÏÓ°üÀ¨È«²¿Í¼±íµÄ´î½¨ÎļþÌ«´ó£¬»¹¿ÉÒÔÔÚÏßÉϴÖÐʹÓñØÐëµÄͼ±íÖÖÀàºó×Ô¶¨´î½¨¡£
¶þ¡¢ºÃ¼¸¸öÆ½Ãæ×ø±êµÄÖ§³Ö
echarts3.0Öð½¥µ¥¶À³öÁËÆ½Ãæ×ø±êµÄ¶¨Ò壬֧³ÖÁËÖ±½Ç×ø±ê£¨catesian£¬Í¬grid£©¡¢¼«×ø±êϵ£¨polar£©¡¢µØÀí×ø±êϵ£¨geo£©¡£Í¼±í¿ÉÒÔ¿çÆ½Ãæ×ø±ê´æÓУ¬±ÈÈçÕÛ¡¢Öù¡¢É¢µãµÈͼ¿ÉÒԷŵ½Ö±½Ç×ø±êÉÏ£¬»¹¿ÉÒԷŵ½¼«×ø±êϵÉÏ£¬ÄËÖÁ¿ÉÒԷŵ½µØÀí×ø±êϵÖС£
Èý¡¢Å²¶¯¶ËÌáÉý
×ÜÁ÷Á¿±¦¹óµÄÊÖ»ú¶Ë±ØÐëͼ±í¿âµÄÈÝ»ý¾¡¿ÉÄÜС¡£EChartsºÍZRender±àÂëµÄÖØÐ¹¹½¨£¬²úÉúÁ˹ؼüÒ»²¿·ÖÈÝ»ýµÄ¼õÉÙ¡£ECharts×é¼þÖî¶à£¬¶øÇÒºó±ß»á²»¶ÏÌáÉý£¬´ó¼ÒÌṩÁ˸ü´ÖÁ£¶ÈµÄ°´Ðè×°°üÄÜÁ¦¡£×îÉÙÈÝ»ý±äСΪECharts2µÄ40%¡£
ÊÖ»ú¶Ë»¥¶¯Ò²¸ÉÁËÌáÉý£¬±ÈÈçÊÖ»ú¶ËСÆÁÉÏÊʺÏÓÃÊÖÖ¸ÔÚÆ½Ãæ×ø±êÖпªÕ¹µ÷ÕûͼƬ´óС¡¢Òƶ¯¡£
ËÄ¡¢Éî²ãµÄ»¥¶¯Ê½Êý¾Ý̽Ѱ
»¥¶¯ÊÇÒÔÊý¾ÝÖÐÍÚ¾òÐÅÏ¢ÄÚÈݵÄÖ÷Òª·½Ê½¡£Ò»ÀÀΪ±¾£¬µ÷ÕûͼƬ´óС¹ýÂǰ´Ðè²éѯ¹Ø¼üµãÊÇÊý¾Ý½»»¥»¥¶¯µÄÖ÷ÒªÒªÇó¡£
EChartsÒ»Ö±ÔÚ»¥¶¯µÄµÀ·ÉÏǰÐУ¬´ó¼ÒÌṩÁËlegendVisualMapdataZoomtooltipµÈ×é¼þ¼°Æäͼ±í¸½¼ÓµÄÊý¾ÝÂþÓΣ¬Ñ¡ÔñµÈʵ¼Ê²Ù×÷ÌṩÁËÊý¾Ýɸȡ¡¢Ö÷ÊÓͼµ÷ÕûͼƬ´óС¡¢Õ¹ÏֹؼüµãµÈÄÜÁ¦¡£
echarts3.0ÖУ¬¶ÔÕâÖÖ×é¼þ¿ªÕ¹ÁËÆÕ±éÌá¸ß£¬±ÈÈçÖ§³ÖÔÚÊý¾ÝµÄ¸÷ÖÖ¸÷Ñù×Ý×ø±ê¡¢²ãÃæ¿ªÕ¹Êý¾Ý¹ýÂÇ¡¢µ÷ÕûͼƬ´óС£¬¼°ÆäÔÚ´óÁ¿µÄͼÖÐÑ¡ÓÃÕâÖÖ×é¼þ¡£
Îå¡¢´óÊý¾ÝÁ¿µÄ³ÊÏÖ
ÒÀ¿¿CanvasµÄÄÜÁ¦£¬EChartsÔÚÉ¢µãͼÖпÉÒÔÇáÇáËÉËɳÊÏÖ¹ýÍòÄËÖÁÉÏÊ®ÍòµÄÊý¾Ý¡£
ϱߵÄ΢²©Ç©µ½Í¼ÄھͳÊÏÖÁË100k µÄÿÈÕÇ©µ½Êý¾Ý¡£
Áù¡¢¶àά¶ÈÊý¾ÝµÄÖ§³Ö¼°Æä³ä×ãµÄÊÓ¾õ±àÂ뷽ʽ
echarts3.0Öð½¥¼ÓÇ¿Á˶Զàά¶ÈÊý¾ÝµÄÖ§³Ö¡£³ý¿ªÌí¼ÓÁËÆ½ÐÐ×ø±êµÈ³£ÓõĶàά¶ÈÊý¾ÝÊý¾Ý·ÖÎö¹¤¾ßÍ⣬Õë¶Ô´«Í³µÄµÄÉ¢µãͼµÈ£¬´«µ½µÄÊý¾Ý»¹¿ÉÒÔÊǺü¸¸ö²ãÃæµÄ¡£Ï໥ÅäºÏÊÓ¾õЧ¹ûͶÉä×é¼þvisualMapÌṩµÄ³ä×ãµÄÊÓ¾õ±àÂ룬¿ÉÒÔ½«¸÷¸öγ¶ÈµÄÊý¾ÝͶÉ䵽ɫµ÷£¬³ß´ç£¬ÇåÎú¶È£¬Ã÷°µ½»½çÏ߶ȵȲîÒìµÄÊÓ¾õЧ¹û°²È«Í¨µÀ¡£
Æß¡¢¶¯Ì¬ÐÔÊý¾Ý
EChartsÓÉÊý¾ÝÍÆ¶¯£¬Êý¾ÝµÄ¸ü¸ÄÍÆ¶¯Í¼±í³ÊÏֵĸü¸Ä¡£Òò¶ø¶¯Ì¬ÐÔÊý¾ÝµÄÍê³ÉÒ²Ô½À´Ô½³öÏÖÒì³£¼òÒ×£¬Ö»±ØÐë»ñµÃÊý¾Ý£¬ÌîдÊý¾Ý£¬ECharts»áѰÕÒ2×éÊý¾ÝÖмäµÄ²î±ðËæºó¸ù¾ÝÊʺϵ͝ÂþÈ¥Ö÷Òª±íÏÖÊý¾ÝµÄת±ä¡£Ï໥ÅäºÏTIMeline×é¼þ¿ÉÒÔÔÚ¸ü¶àµÄʱ¼äά¶ÈÉÏÀ´Ö÷Òª±íÏÖÊý¾ÝµÄÐÅÏ¢ÄÚÈÝ¡£
°Ë¡¢Ñ¤Àö¶à²ÊµÄ¶¯»ÌØÐ§
ECharts¶ÔÓÚÏßÊý¾Ý£¬µãÊý¾ÝµÈ×ÔÈ»µØÀíÊý¾ÝµÄ½»»¥ÌṩÁËÎüÒýסעÒâµÄ¶¯»ÌØÐ§¡£
¶àÌØÈí¼þ԰ΪÄúÕûÀíÁ˶à¿îÊý¾Ý¿ÉÊÓ»¯¹¤¾ßÈí¼þÈí¼þ£¬ÔÚ¶àÌØÄúÄÜÏÂÔØ¶à¿îÕý¹æµÄ¡¢ÎÞ¶¾Èí¼þ£¬ÆäÖÐÓÐEChartsÊý¾Ý¿ÉÊÓ»¯¹¤¾ß¡¢matlab(Êý¾Ý¿ÉÊÓ»¯·ÖÎö¹¤¾ß)¡¢FineBI(Êý¾Ý·ÖÎö¿ÉÊÓ»¯¹¤¾ß) for MacµÈApp£¬ÕÒÈí¼þÒ»¶¨ÒªÕÒÕý¹æÆ½Ì¨£¬¶àÌØÃ¿Ò»¿îÈí¼þ¶¼½øÐвéɱ£¬È·±£Èí¼þ°²È«£¬ÏëÒªÕÒÊý¾Ý¿ÉÊÓ»¯¹¤¾ßÈí¼þÓ¦Ó㬸ϽôÀ´¶àÌØÈí¼þÔ°¿´¿´°É¡£
¶àÌØÈí¼þרÌâΪÄúÌṩ´óÊý¾Ý¿ÉÊÓ»¯¹¤¾ß,´óÊý¾Ý¿ÉÊÓ»¯¹¤¾ß°üÀ¨,´óÊý¾Ý¿ÉÊÓ»¯¹¤¾ßÄĸöºÃ;°²×¿Æ»¹û°æÈí¼þappÒ»Ó¦¾ãÈ«¡£¶àÌØÈí¼þÕ¾Ö»ÌṩÂÌÉ«¡¢ÎÞ¶¾¡¢ÎÞ²å¼þ¡¢ÎÞľÂíµÄ´¿ÂÌÉ«¹¤¾ßÏÂÔØ
¶àÌØÈí¼þרÌâΪÄúÌṩÊý¾Ý¿ÉÊÓ»¯¹¤¾ß,¿ÉÊÓ»¯Êý¾Ý¹¤¾ß,Êý¾Ý¿ÉÊÓ»¯¹¤¾ßÃâ·Ñ;°²×¿Æ»¹û°æÈí¼þappÒ»Ó¦¾ãÈ«¡£¶àÌØÈí¼þÕ¾Ö»ÌṩÂÌÉ«¡¢ÎÞ¶¾¡¢ÎÞ²å¼þ¡¢ÎÞľÂíµÄ´¿ÂÌÉ«¹¤¾ßÏÂÔØ
¶àÌØÈí¼þרÌâΪÄúÌṩÊý¾Ý¿â¿ÉÊÓ»¯¹¤¾ß,mysqlÊý¾Ý¿â¿ÉÊÓ»¯¹¤¾ß,Êý¾Ý¿â¹¤¾ß;°²×¿Æ»¹û°æÈí¼þappÒ»Ó¦¾ãÈ«¡£¶àÌØÈí¼þÕ¾Ö»ÌṩÂÌÉ«¡¢ÎÞ¶¾¡¢ÎÞ²å¼þ¡¢ÎÞľÂíµÄ´¿ÂÌÉ«¹¤¾ßÏÂÔØ
¶àÌØÈí¼þרÌâΪÄúÌṩÊý¾Ý¿ÉÊÓ»¯Èí¼þ,ÈýάÊý¾Ý¿ÉÊÓ»¯Èí¼þ,Êý¾Ý¿ÉÊÓ»¯Èí¼þѧϰ;°²×¿Æ»¹û°æÈí¼þappÒ»Ó¦¾ãÈ«¡£¶àÌØÈí¼þÕ¾Ö»ÌṩÂÌÉ«¡¢ÎÞ¶¾¡¢ÎÞ²å¼þ¡¢ÎÞľÂíµÄ´¿ÂÌÉ«¹¤¾ßÏÂÔØ