更何况不过刚好 2022-04-28 10:49 采纳率: 86.4%
浏览 1164
已结题

echarts的矩形树图的文字显示以及缩放问题

使用echarts绘制矩形树图,都做到了,就是文字一个要求的在最上方,一个要求在最下方,

img

下面是我的代码,呈现出来的效果是如下图所示,现在问题是不知道怎么做到一个文字在最上方一个在最下方
还有一个问题就是缩放,鼠标点击才能进行变大,但是现在要求是鼠标移入就变大
目前我还不知道怎么做

img

import echarts from 'echarts'

export const option = {
  series: [
    {
      type: 'treemap',
      // nodeClick:false,
      colorAlpha: [0.3, 1],
      zoomToNodeRatio: 2,
      colorSaturation: [0.8, 1],
      // breadcrumb: {
      //   show: false
      // },
      label: {
        // position: 'insideTopLeft',
        formatter: function (params) {
          console.log(params, 'parms', echarts.format)
          let arr = [
            '{name|' + params.name + '}',
            '{budget|' + echarts.format.addCommas(1) + '}'
          ]
          return arr.join('\n\n\n')
        },
        rich: {
          name: {
            fontSize: 12,
            color: '#fff',
            position: 'top',
          },
          budget: {
            color: '#fff',
            position: 'insideTopRight ',
            lineHeight:10
          }
        }
      },
      data: [
        {
          name: 'nodeA',
          value: 10,
          children: [
            {
              name: 'nodeAa',
              value: 4,
            },
            {
              name: 'nodeAb',
              value: 6
            }
          ]
        },

        {
          name: 'nodeBa',
          value: 20,
        },
        {
          name: 'nodeBa1',
          value: 20
        }
      ]
    }
  ]
};

```

  • 写回答

2条回答 默认 最新

  • 溪风沐雪 2022-04-28 11:29
    关注

    先说这文字在上方的情况:
    label: {position: 'insideTopLeft ' }可以控制label在内部左上方,其它的我再试试看

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 5月13日
  • 已采纳回答 5月5日
  • 创建了问题 4月28日

悬赏问题

  • ¥20 R语言单细胞测序 对seurat对象进行标准化时出现问题
  • ¥15 Anaconda navigator updateor一直更新
  • ¥15 请问如何在matlab里使用raven工具?
  • ¥100 关于ios手游充值到一定金额,再点充值提示公众号的问题。
  • ¥15 求一个stm32串口控制程序
  • ¥20 Windows 驱动开发版本疑问相关
  • ¥15 MAC 未能打开磁盘映像
  • ¥15 fastcap使用,二维导体输入问题
  • ¥15 hosts修改后不能访问
  • ¥15 关于化学反应速率C++编译问题/FLUENT