找文章 / 找答案
精选问答 更多内容

[常用脚本] Echarts中的树状图BI中如何实现

奔放的小二青铜二 显示全部楼层 发表于 2024-7-26 10:57:29 |阅读模式 打印 上一主题 下一主题
10
已解决
本帖最后由 奔放的小二 于 2024-7-26 10:58 编辑

微信截图_20240726104504.png 如上效果,代码在BI中效果是这样的 微信截图_20240726105824.png
  1. import * as echarts from 'echarts';

  2. var option;

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

  39. option && myChart.setOption(option);
复制代码


最佳答案

永洪vip
yhdata_lyaa 关注Ta

2024-07-26 10:57:30

参考看看可以吗https://club.yonghongtech.com/thread-54635-1-1.html
查看完整内容
回复

使用道具 举报

精彩评论4

yhdata_lyaa 显示全部楼层 发表于 2024-7-26 10:57:30
奔放的小二 发表于 2024-7-26 11:07
我试过直接绑定数据集的数据,也试过把echarts中原本的json数据拿过来,都不好使 ...

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

使用道具 举报

奔放的小二青铜二 显示全部楼层 发表于 2024-7-26 10:59:20
回复

使用道具 举报

yhdata_lyaa 显示全部楼层 发表于 2024-7-26 11:06:53
自定义绘图绑定对应的数据了吗
回复

使用道具 举报

奔放的小二青铜二 显示全部楼层 发表于 2024-7-26 11:07:53
yhdata_lyaa 发表于 2024-7-26 11:06
自定义绘图绑定对应的数据了吗

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

使用道具 举报

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
50W

会员等你来哦

Copyright   ©2012-2024  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |《永洪社区协议》
返回顶部