永洪社区

标题: Echarts中的树状图BI中如何实现 [打印本页]

---

作者: 奔放的小二    时间: 2024-7-26 10:57
标题: Echarts中的树状图BI中如何实现


(, 下载次数: 123)

上传

点击文件名下载附件 如上效果，代码在BI中效果是这样的 (, 下载次数: 115)

上传

点击文件名下载附件

1. import * as echarts from 'echarts';
   
2. 
   
3. var option;
   
4. 
   
5. option = {
   
6.       tooltip: {
   
7.         trigger: 'item',
   
8.         triggerOn: 'mousemove'
   
9.       },
   
10.       series: [
    
11.         {
    
12.           type: 'tree',
    
13.           data: [options.data],
    
14.           top: '1%',
    
15.           left: '7%',
    
16.           bottom: '1%',
    
17.           right: '20%',
    
18.           symbolSize: 7,
    
19.           label: {
    
20.             position: 'left',
    
21.             verticalAlign: 'middle',
    
22.             align: 'right',
    
23.             fontSize: 9
    
24.           },
    
25.           leaves: {
    
26.             label: {
    
27.               position: 'right',
    
28.               verticalAlign: 'middle',
    
29.               align: 'left'
    
30.             }
    
31.           },
    
32.           emphasis: {
    
33.             focus: 'descendant'
    
34.           },
    
35.           expandAndCollapse: true,
    
36.           animationDuration: 550,
    
37.           animationDurationUpdate: 750
    
38.         }
    
39.       ]
    
40.     }
    
41. 
    
42. option && myChart.setOption(option);
    

复制代码

---

作者: 奔放的小二    时间: 2024-7-26 10:59
https://echarts.apache.org/examples/zh/editor.html?c=tree-basic
echarts链接

---

作者: yhdata_lyaa    时间: 2024-7-26 11:06
自定义绘图绑定对应的数据了吗

---

作者: 奔放的小二    时间: 2024-7-26 11:07

yhdata_lyaa 发表于 2024-7-26 11:06
自定义绘图绑定对应的数据了吗

我试过直接绑定数据集的数据，也试过把echarts中原本的json数据拿过来，都不好使

---

作者: yhdata_lyaa    时间: 2024-7-26 11:22

奔放的小二 发表于 2024-7-26 11:07
我试过直接绑定数据集的数据，也试过把echarts中原本的json数据拿过来，都不好使 ...

参考看看可以吗https://club.yonghongtech.com/thread-54635-1-1.html

---

欢迎光临 永洪社区 (https://club.yonghongtech.com/)

Powered by Discuz! X3.4