点击节点可展开和收缩ECharts Gallery

20:11:45图表已生成
代码
graph ={"nodes":[{"draggable":"true","symbolSize":90,"name":"头痛","id":"n1740","text":"头痛:病证","category":0,"class":0},{"draggable":"true","symbolSize":20,"name":"病证","text":"病证","id":"0","category":0,"class":1},{"draggable":"true","symbolSize":60,"name":"头病","id":"n45103","text":"头病:病证","category":0,"class":2},{"draggable":"true","symbolSize":60,"name":"痛","id":"n25165","text":"痛:病证","category":0,"class":2},{"draggable":"true","symbolSize":20,"name":"病因病机","text":"病因病机","id":"1","category":1,"class":1},{"draggable":"true","symbolSize":60,"name":"怒动...经风热","id":"n59781","text":"怒动肝火，或肝经风热:病因病机","category":1,"class":2},{"draggable":"true","symbolSize":60,"name":"痰厥...攻头脑","id":"n59778","text":"痰厥昏重，上攻头脑:病因病机","category":1,"class":2},{"draggable":"true","symbolSize":60,"name":"血虚","id":"n10709","text":"血虚:病因病机","category":1,"class":2},{"draggable":"true","symbolSize":60,"name":"气虚","id":"n6420","text":"气虚:病因病机","category":1,"class":2},{"draggable":"true","symbolSize":60,"name":"暴感风邪","id":"n59775","text":"暴感风邪:病因病机","category":1,"class":2},{"draggable":"true","symbolSize":60,"name":"《经...苏饮。","id":"n59783","text":"《经》曰：头痛耳鸣，九窍不利，肠胃之所生也。故妊娠之后，脾胃内虚，则头目九窍，皆为之病，紫苏饮。:病因病机","category":1,"class":2},{"draggable":"true","symbolSize":60,"name":"风者...令热痛","id":"n45152","text":"风者，天之阳气也。人身六阳之气，皆聚于头，复感于风，是重阳而实矣，故令热痛:病因病机","category":1,"class":2},{"draggable":"true","symbolSize":60,"name":"痰厥...黑色也","id":"n45136","text":"痰厥者，湿痰厥逆而上也，痰气逆则上实，故令头痛。目眩者，目前如见黑色也:病因病机","category":1,"class":2},{"draggable":"true","symbolSize":60,"name":"风府...筋紧急","id":"n45123","text":"风府，脑后之穴，督脉之所主也。寒者，天地严凝之气，故令项筋紧急:病因病机","category":1,"class":2},{"draggable":"true","symbolSize":60,"name":"多属痰痛","id":"n10615","text":"多属痰痛:病因病机","category":1,"class":2},{"draggable":"true","symbolSize":20,"name":"证候表现","text":"证候表现","id":"2","category":2,"class":1},{"draggable":"true","symbolSize":60,"name":"头脑尽痛手足冷","id":"n91911","text":"头脑尽痛手足冷:证候表现","category":2,"class":2},{"draggable":"true","symbolSize":60,"name":"耳忽...脑攻痛","id":"n59780","text":"耳忽聋，目忽不见，而头脑攻痛:证候表现","category":2,"class":2},{"draggable":"true","symbolSize":60,"name":"风热头痛者","id":"n45151","text":"风热头痛者:证候表现","category":2,"class":2},{"draggable":"true","symbolSize":60,"name":"痰厥...目眩者","id":"n45135","text":"痰厥头痛，目眩者:证候表现","category":2,"class":2},{"draggable":"true","symbolSize":60,"name":"大寒...紧急者","id":"n45124","text":"大寒中于风府，令人头痛，项筋紧急者:证候表现","category":2,"class":2},{"draggable":"true","symbolSize":20,"name":"方剂","text":"方剂","id":"3","category":3,"class":1},{"draggable":"true","symbolSize":60,"name":"二黄散","id":"n118887","text":"二黄散:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"太阳膏","id":"n118886","text":"太阳膏:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"独乌膏","id":"n118885","text":"独乌膏:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"三灵散","id":"n118884","text":"三灵散:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"香茗散","id":"n118883","text":"香茗散:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"治偏正头风方","id":"n118882","text":"治偏正头风方:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"选奇汤合逍遥散","id":"n59782","text":"选奇汤合逍遥散:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"贝母...芎归汤","id":"n59779","text":"贝母天麻汤，或二陈芎归汤:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"柴胡四物汤","id":"n12531","text":"柴胡四物汤:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"加减调中益气汤","id":"n59777","text":"加减调中益气汤:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"加减川芎茶调散","id":"n59776","text":"加减川芎茶调散:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"选奇...天麻汤","id":"n41278","text":"选奇汤，芎辛汤，清震汤，三因芎辛汤，大三五七散，半夏白术天麻汤:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"头痛...者尤妙","id":"n29281","text":"头痛外治方取萝卜连皮，捣自然汁三匙，入樟脑二粒，左痛则仰灌左鼻孔，右痛则仰灌右鼻孔皆痛则并灌之，以被蒙头，微汗即愈。    又方荞麦粉冷水调敷，痛去立愈。又方头痛觉热者，用白蕃薯切片，随痛处贴之，干则再换，贴数次效。又方用皂角末少许，吹入鼻中立愈。左痛吹左，右痛吹右，皆痛并吹，治初起者尤妙:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"治偏...应验方","id":"n10626","text":"治偏正头痛应验方:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"祛风清热散","id":"n10625","text":"祛风清热散:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"选奇汤","id":"n1856","text":"选奇汤:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"秘方","id":"n10624","text":"秘方:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"四神散","id":"n10623","text":"四神散:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"芎归汤","id":"n10622","text":"芎归汤:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"半夏白术天麻汤","id":"n1787","text":"半夏白术天麻汤:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"顺气和中汤","id":"n10621","text":"顺气和中汤:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"九龙丸","id":"n10620","text":"九龙丸:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"天香散","id":"n10619","text":"天香散:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"菊花散","id":"n10618","text":"菊花散:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"上清散","id":"n10009","text":"上清散:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"羌活白芷汤","id":"n10617","text":"羌活白芷汤:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"白芷...细茶吞","id":"n6667","text":"白芷蜜九一钱重，食后嚼烂细茶吞:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"诸般头痛","id":"n6666","text":"诸般头痛:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"头风痛","id":"n6665","text":"头风痛:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"都梁丸","id":"n6623","text":"都梁丸:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"水煎...安宁。","id":"n6664","text":"水煎温服保安宁。:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"头风...芥穗，","id":"n6663","text":"头风肿痛用南星，白芷川芎各等平，全蝎细茶荆芥穗，:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"六圣","id":"n6662","text":"六圣:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"专医...便定。","id":"n6661","text":"专医眼疾头风，耳鸣鼻塞脑不宁，一搐牙痛便定。:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"上件研为细末，","id":"n6660","text":"上件研为细末，:方剂","category":3,"class":2},{"draggable":"true","symbolSize":60,"name":"此药...共用。","id":"n6619","text":"此药名为六圣，乳香没药川芎，雄黄白芷二钱停，半两盆硝共用。:方剂","category":3,"class":2},{"draggable":"true","symbolSize":20,"name":"辨证","text":"辨证","id":"4","category":4,"class":1},{"draggable":"true","symbolSize":60,"name":"眉棱...五味）","id":"n6659","text":"眉棱骨痛者：选奇汤内用防风，酒洗片芩羌活同，甘草更加姜半夏，风痰湿热有奇功。（五味）:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"颈项...木瓜）","id":"n6658","text":"颈项强痛者：回首散（方见中风。即乌药顺气散加羌活、独活、木瓜）:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"眉棱...湿痰。","id":"n6657","text":"眉棱骨作痛，风热井湿痰。:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"颈项...所干，","id":"n6656","text":"颈项强痛者，风邪气所干，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"清上...九味）","id":"n6655","text":"清上泻火用归芎，芩连升柏柴荆风，苍蔓藁羌细芪草，知母红花生地同。（十九味）:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"见寒...复起。","id":"n6654","text":"见寒痛暂止，严冬犹客寒，见暖痛复起。:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"热厥头痛者，","id":"n6653","text":"热厥头痛者，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"川芎...八味）","id":"n6652","text":"川芎茶调散薄荷，白芷防风甘草和，更有细辛羌活等，荆芥同煎用者多。(八味）:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"诸风...伤风。","id":"n6651","text":"诸风气上攻，头目昏沉闷，壮热鼻伤风。:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"偏正头痛者，","id":"n6650","text":"偏正头痛者，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"半夏...三味）","id":"n6649","text":"半夏白术天麻汤，参芪曲麦炒干姜,茯苓泽泻并黄柏，苍术陈皮要审详。（十三味）:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"旋眼...闷乱。","id":"n6648","text":"旋眼黑暗，如在风云中，恶心烦闷乱。:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"痰厥作头痛，","id":"n6647","text":"痰厥作头痛，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"调中...二味）","id":"n6646","text":"调中益气用参芪，柴柏芎归并陈皮，苍术细辛蔓荆子，甘草升麻总可题。（十二味）:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"补气...神奇。","id":"n6645","text":"补气兼养血，一眼见神奇。:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"气血两般虚，","id":"n6644","text":"气血两般虚，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"左右头俱痛，","id":"n6643","text":"左右头俱痛，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"黃芪...二味）","id":"n6642","text":"黃芪益气用人参，白术陈皮半夏兼，芎归藁本炙甘草，升麻黄柏细辛全。（十二味）:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"化痰...良医。","id":"n6641","text":"化痰仍补气，即此是良医。:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"属痰与气虚，","id":"n6640","text":"属痰与气虚，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"头痛偏右者，","id":"n6639","text":"头痛偏右者，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"当归...十味〕","id":"n6638","text":"当归补血用川芎，白芍荆芥藁本同，柴胡防风蔓荆子，香附生黄共有功。（十味〕:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"补血...自除。","id":"n6637","text":"补血仍清火，祛风病自除。:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"属风与血虚，","id":"n6636","text":"属风与血虚，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"头痛偏左者，","id":"n6635","text":"头痛偏左者，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"加味...一味）","id":"n6634","text":"加味二陈生地黄，当归川芎细辛羌，酒洗片芩白桔梗，生姜煎服立安康。（十一味）:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"降火...病自可","id":"n6633","text":"降火与清痰，补血病自可:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"血虚有痰火，","id":"n6372","text":"血虚有痰火，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"瘦人头痛者，","id":"n6632","text":"瘦人头痛者，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"加味...一味）","id":"n6631","text":"加味二陈汤细辛，川芎白芷升人参，羌活拮梗荆芥穗，白术生姜可救人。（十一味）:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"化痰...当安。","id":"n6630","text":"化痰与除湿，补气病当安。:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"气虚有湿痰，","id":"n6368","text":"气虚有湿痰，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":60,"name":"肥人头痛者，","id":"n6629","text":"肥人头痛者，:辨证","category":4,"class":2},{"draggable":"true","symbolSize":20,"name":"病证名","text":"病证名","id":"5","category":5,"class":1},{"draggable":"true","symbolSize":60,"name":"头痛","id":"n6627","text":"头痛:病证名","category":5,"class":2},{"draggable":"true","symbolSize":20,"name":"疗法","text":"疗法","id":"6","category":6,"class":1},{"draggable":"true","symbolSize":60,"name":"诸般...安然。","id":"n6668","text":"诸般头痛不堪言，花粉胡椒各一钱，新文不拘多与少，研末纸卷火烧烟，熏入男左女右鼻，口噙凉水立安然。:疗法","category":6,"class":2},{"draggable":"true","symbolSize":20,"name":"治则治法","text":"治则治法","id":"7","category":7,"class":1},{"draggable":"true","symbolSize":60,"name":"东垣...不能疗","id":"n45137","text":"东垣曰∶头痛苦甚，谓之足太阴痰厥，非半夏不能除。眼黑头旋，风虚内作，非天麻不能疗:治则治法","category":7,"class":2},{"draggable":"true","symbolSize":60,"name":"有可吐可下者","id":"n10616","text":"有可吐可下者:治则治法","category":7,"class":2},{"draggable":"true","symbolSize":20,"name":"脉象","text":"脉象","id":"8","category":8,"class":1},{"draggable":"true","symbolSize":60,"name":"《脉...厥坚实","id":"n10627","text":"《脉诀举要》曰：头痛阳弦，浮风紧寒，风热洪数，湿细而坚，气虚头痛，虽弦必涩，痰厥则滑，肾厥坚实:脉象","category":8,"class":2},{"draggable":"true","symbolSize":60,"name":"浮滑风疾必易除","id":"n6622","text":"浮滑风疾必易除:脉象","category":8,"class":2},{"draggable":"true","symbolSize":60,"name":"短涩应须死","id":"n6621","text":"短涩应须死:脉象","category":8,"class":2},{"draggable":"true","symbolSize":60,"name":"头痛","id":"n6628","text":"头痛:脉象","category":8,"class":2},{"draggable":"true","symbolSize":20,"name":"医案","text":"医案","id":"9","category":9,"class":1},{"draggable":"true","symbolSize":60,"name":"一人...滴之。","id":"n41277","text":"一人头痛，头中如鸡子常动，请予往诊。予想此症，古书无考，因思脑髓结核如鸡子，髓海之水不足以养之，家贫无药峻补，遂令食上暴寡鸡子一百个以补元阳，亦取象于子之义耳，不一月而安。此治法虽不见方书，神而明之，则又存乎其人。一人头痛即目暗，肾子缩入小腹，诸医服头痛药，皆不应，请予往治。予曰：此房劳过度。用八味地黄汤，十剂而愈。后用十全大补汤十剂，永不复发。一人患头痛，小便艰涩，医用小柴胡汤、选奇汤，皆罔效。予用金匮肾气汤，略加苍耳子、天麻，升降水火，四剂而痊。程文彬治一妇患头风，虽盛暑，必以帕蒙首，稍见风寒，痛不可忍，百药不效。盖因脑受风寒，气血两虚，气不能升，故药不效。令病人口含冷水，仰卧，以姜汁灌入鼻中，痛立止，开久郁之风寒也。与补中益气汤加细辛、川芎、荆子、白芍，数服而安。——寒湿郁痛，以蒜汁滴之。——火郁头痛，以莱菔汁滴之。:医案","category":9,"class":2},{"draggable":"true","symbolSize":20,"name":"学术流派","text":"学术流派","id":"10","category":10,"class":1},{"draggable":"true","symbolSize":60,"name":"朱丹溪论头痛","id":"n51366","text":"朱丹溪论头痛:学术流派","category":10,"class":2}],"links":[{"source":"n1740","value":"","target":"0"},{"source":"0","value":"","target":"n45103"},{"source":"n1740","value":"","target":"0"},{"source":"0","value":"","target":"n25165"},{"source":"n1740","value":"","target":"1"},{"source":"1","value":"","target":"n59781"},{"source":"n1740","value":"","target":"1"},{"source":"1","value":"","target":"n59778"},{"source":"n1740","value":"","target":"1"},{"source":"1","value":"","target":"n10709"},{"source":"n1740","value":"","target":"1"},{"source":"1","value":"","target":"n6420"},{"source":"n1740","value":"","target":"1"},{"source":"1","value":"","target":"n59775"},{"source":"n1740","value":"","target":"1"},{"source":"1","value":"","target":"n59783"},{"source":"n1740","value":"","target":"1"},{"source":"1","value":"","target":"n45152"},{"source":"n1740","value":"","target":"1"},{"source":"1","value":"","target":"n45136"},{"source":"n1740","value":"","target":"1"},{"source":"1","value":"","target":"n45123"},{"source":"n1740","value":"","target":"1"},{"source":"1","value":"","target":"n10615"},{"source":"n1740","value":"","target":"2"},{"source":"2","value":"","target":"n91911"},{"source":"n1740","value":"","target":"2"},{"source":"2","value":"","target":"n59780"},{"source":"n1740","value":"","target":"2"},{"source":"2","value":"","target":"n45151"},{"source":"n1740","value":"","target":"2"},{"source":"2","value":"","target":"n45135"},{"source":"n1740","value":"","target":"2"},{"source":"2","value":"","target":"n45124"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n118887"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n118886"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n118885"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n118884"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n118883"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n118882"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n59782"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n59779"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n12531"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n59777"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n59776"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n41278"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n29281"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10626"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10625"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n1856"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10624"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10623"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10622"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n1787"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10621"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10620"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10619"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10618"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10009"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n10617"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n6667"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n6666"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n6665"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n6623"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n6664"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n6663"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n6662"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n6661"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n6660"},{"source":"n1740","value":"","target":"3"},{"source":"3","value":"","target":"n6619"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6659"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6658"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6657"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6656"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6655"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6654"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6653"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6652"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6651"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6650"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6649"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6648"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6647"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6646"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6645"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6644"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6643"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6642"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6641"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6640"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6639"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6638"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6637"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6636"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6635"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6634"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6633"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6372"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6632"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6631"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6630"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6368"},{"source":"n1740","value":"","target":"4"},{"source":"4","value":"","target":"n6629"},{"source":"n1740","value":"","target":"5"},{"source":"5","value":"","target":"n6627"},{"source":"n1740","value":"","target":"6"},{"source":"6","value":"","target":"n6668"},{"source":"n1740","value":"","target":"7"},{"source":"7","value":"","target":"n45137"},{"source":"n1740","value":"","target":"7"},{"source":"7","value":"","target":"n10616"},{"source":"n1740","value":"","target":"8"},{"source":"8","value":"","target":"n10627"},{"source":"n1740","value":"","target":"8"},{"source":"8","value":"","target":"n6622"},{"source":"n1740","value":"","target":"8"},{"source":"8","value":"","target":"n6621"},{"source":"n1740","value":"","target":"8"},{"source":"8","value":"","target":"n6628"},{"source":"n1740","value":"","target":"9"},{"source":"9","value":"","target":"n41277"},{"source":"n1740","value":"","target":"10"},{"source":"10","value":"","target":"n51366"}],"categories":[{"name":"病证"},{"name":"病因病机"},{"name":"证候表现"},{"name":"方剂"},{"name":"辨证"},{"name":"病证名"},{"name":"疗法"},{"name":"治则治法"},{"name":"脉象"},{"name":"医案"},{"name":"学术流派"}],"message":"success","status":200}

const defaultClass = 0;

const graphTitle = "点击节点可展开和收缩";
const currentGraph = {
    nodes: {},
    links: {},
};
const nodeMap = {};
// 页面加载时，第一次初始化图
function init() {
    // 根据定义的常量，产生currentGraph的默认数据
    // 遍历全部nodes和links，产生node映射map
    for (let i = 0; i < graph.nodes.length; i++) {
        if (graph.nodes[i].category === defaultClass) {
            currentGraph.nodes[graph.nodes[i].id] = graph.nodes[i];
        }
        nodeMap[graph.nodes[i].id] = graph.nodes[i];
        nodeMap[graph.nodes[i].id]['links'] = {};
        nodeMap[graph.nodes[i].id]['nodes'] = {};
        nodeMap[graph.nodes[i].id]['hasAppend'] = false;
    }
    for (let i = 0; i < graph.links.length; i++) {
        let link = graph.links[i];
        if (nodeMap[link.source] !== undefined && nodeMap[link.target] !== undefined) {
            nodeMap[link.source].links[link.target] = link;
            nodeMap[link.source].nodes[nodeMap[link.target].id] = nodeMap[link.target];
        }
    }

    for (let i = 0; i < graph.nodes.length; i++) {
        graph.nodes[i].itemStyle =null;
        graph.nodes[i].label = {
            normal: {
                show: graph.nodes[i].symbolSize > 5
            }
        };
    }
    redrawGraph();
}
// 处理点击节点展开
function append(nodeId) {
    // 根据nodeName从nodeMap里拿出对应的nodes和links，并append到currentGraph.nodes currentGraph.links
    let node = nodeMap[nodeId];
    if (node.hasAppend === true || Object.keys(node.nodes).length === 0 || Object.keys(node.links).length === 0) {
        alert("无法继续展开");
        return
    }
    Object.values(node.nodes).forEach(n => {
        currentGraph.nodes[n.id] = n;
    });
    Object.values(node.links).forEach(l => {
        currentGraph.links[l.source + "_" + l.target] = l;
    });
    node.hasAppend = true;

    redrawGraph();
}
// 处理点击节点收缩
function remove(nodeName) {
    //根据nodeName从nodeMap里拿出对应的nodes和links，从currentGraph.nodes currentGraph.links删除当前节点的nodes和links并且递归
    let node = nodeMap[nodeName];
    Object.values(node.nodes).forEach(n => {
        delete currentGraph.nodes[n.id];
        if (n.hasAppend === true && Object.keys(n.nodes).length > 0) {
            remove(n.id);
        }
    });
    Object.values(node.links).forEach(l => {
        delete currentGraph.links[l.source + '_' + l.target];
    });
    // 设置flag 等于false
    node.hasAppend = false;

    redrawGraph();
}
// 根据更新后的option重新画图
function redrawGraph() {
    option.series[0].data = Object.values(currentGraph.nodes);
    option.series[0].links = Object.values(currentGraph.links);
    option.series[0].categories = Object.values(graph.categories),
        console.log(option);
    myChart.setOption(option);
}
const option = {
    title: {
        text: graphTitle,
        top: 'top',
        left: 'center',
    },
    tooltip: {},
    legend: [{
        x: 'center',
        y: 'top',
        orient: 'horizontal',
        data: graph.categories.map(function(a) {
            return a.id;
        }),
    }],
    animation: false,
    series: [{
        type: 'graph',
        layout: 'force',
        data: Object.values(currentGraph.nodes),
        links: Object.values(currentGraph.links),
        catagories: Object.values(graph.categories),
        color: [
            '#ff7f50',
            '#87cefa',
            '#da70d6',
            '#cd7033',
            '#6495ed',
            '#ff69b4',
            '#ba55d3',
            '#cd5c5c',
            '#ff0d32',
            '#40e0d0',
            '#1e90ff',
            '#ff6347',
            '#7b68ee',
            '#d0648a',
            '#09b0ff',
            '#6b8e23',
            '#4ea397',
            '#3cb371',
            '#b8860b',
            '#7bd9a5'
        ],


        roam: true,
        focusNodeAdjacency: true,
        itemStyle: {
            normal: {
                borderColor: '#fff',
                borderWidth: 1,
                shadowBlur: 10,
                shadowColor: 'rgba(0, 0, 0, 0.3)'
            }
        },
        label: {
            position: 'inside',
            formatter: '{b}',
            fontStyle:'normal',
            color:'#000',
            borderColor:"transparent",
            fontSize:15,
            fontWeight:'bolder'
        },
        tooltip: {

            formatter: function(node) { // 区分连线和节点，节点上额外显示其他数字
                return node.data.text;
            },


        },

        lineStyle: {
            color: 'target',
            opacity: 0.6,
            curveness: 0.3
        },
        emphasis: {
            lineStyle: {
                width: 10
            }
        },
        force: {
            layoutAnimation: false,
            repulsion: 500
        }
    }]
};
init();
myChart.on('click', function(params) {
    if (params.dataType === "node") {
        const node = nodeMap[params.data.id];
        if (node.hasAppend === true) {
            remove(node.id)
        } else {
            append(node.id);
        }
    }
});
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
