echart图表之气泡图

这里写目录标题

样式图

在这里插入图片描述

代码

  • hotOption.js
export const hotOptions = {
   
   
  //数据项
  animationEasingUpdate: "bounceIn",//数据更新动画的缓动效果。


  top: "10%",
  bottom: "10%",
  series: [
    {
   
   
      type: "graph", 
      layout: "force",//采用力引导布局
      force: {
   
   
        repulsion: 0,//节点之间的斥力因子。值越大则斥力越大
        gravity: 0.1,//节点受到的向中心的引力因子。该值越大节点越往中心点靠拢。
        layoutAnimation: true,//因为力引导布局会在多次迭代后才会稳定,这个参数决定是否显示布局的迭代动画
        edgeLength: [10, 50],//边的两个节点之间的距离
      },
      // 是否开启鼠标缩放和平移漫游
      roam: true,
      label: {
   
   
        position: ["50%", "50%"],
        normal: {
   
   
          show: true,
          textStyle: {
   
   
            align: "center",
            rich: {
   
   
              a: 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值