当前位置:   article > 正文

修改Echarts提示框(tooltip)的位置和宽高背景色等_echarts tooltip大小

echarts tooltip大小

在这里插入图片描述

tooltip: {
                    trigger: 'item',
                    formatter: '{a} <br/>{b}: {c} ({d}%)',
                    position: ['50 %', '30 %']
                },
  • 1
  • 2
  • 3
  • 4
  • 5

ECharts容器:

1,ECharts容器设置宽度width,值可以是百分比或者是像素,当设置为百分比时,要检查父元素是否设置了宽度。注意:容器宽度设置不要用min-width,不然会发现tooltip的宽度等于min-width设置的宽度;

2,ECharts容器设置宽度height,值可以是百分比或者是像素,当设置为百分比时,要检查父元素是否设置了高度。注意:容器高度设置不要用min-height,不然会影响tooltip的高度;

3,给tooltip设置高度和宽度示例:如果extraCssText无效,检查是否是容器设置了min-xxx影响导致
设置宽高:

tooltip: {
                    show: true,
                    extraCssText:'width:160px;height:40px;background:red;'
                }
  • 1
  • 2
  • 3
  • 4
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/308696
推荐阅读
相关标签
  

闽ICP备14008679号