File tree Expand file tree Collapse file tree 2 files changed +15
-2
lines changed Expand file tree Collapse file tree 2 files changed +15
-2
lines changed Original file line number Diff line number Diff line change @@ -15,7 +15,6 @@ const membersTree = {
1515 joinDate,
1616 city,
1717 company,
18- children : [ ] ,
1918 name : nickname + '(' + number + ')' ,
2019 value : url ,
2120 } )
Original file line number Diff line number Diff line change @@ -57,7 +57,21 @@ const MemberList: React.FC = () => {
5757 } ,
5858 ] ,
5959 } ) ;
60- myChart . on ( 'click' , ( params : any ) => {
60+
61+ // tree 中的每一个 node 的类型,所以我把类型写在这里
62+ type MembersTreeNode =
63+ // 根节点是手动写的,类型比较特殊,所以单独拿出来
64+ | ( typeof membersTree )
65+ // 后续的节点的类型
66+ | ( typeof membersTree ) [ 'children' ] [ number ] ;
67+
68+ // FIXME: 这里没写完整所有类型,应该去补充 ECharts 库的定义来补全所有字段
69+ // Click 时候我们会有 data 字段,是 tree 中的每一个 Node
70+ type ClickParams = {
71+ data : MembersTreeNode ;
72+ } ;
73+ myChart . on ( 'click' , ( params : ClickParams ) => {
74+ console . log ( params ) ;
6175 window . open ( params . data . url ) ;
6276 } ) ;
6377 } , [ ] ) ;
You can’t perform that action at this time.
0 commit comments