在绘图饼图气垫标签中增加填充-javascript

Question

我试图使用下面的方法增加饼图的hoverlabel属性的填充，但似乎不起作用。是否有人尝试过这个用例，或者是否有其他方法来实现它。。

 hoverlabel: {
                        bgcolor: 'white',
                        bordercolor: '#e7e7e7',
                        font: {
                            color: 'black',
                        },
                        padding: {
                            t: '20',
                            b: '50',
                            l: '0',
                            r: '0'
                        },
                        borderwidth: 2
}

Answer 1

Ploly饼图不支持填充属性在hovertag
参考-https://plotly.com/javascript/reference/#pie-hoverlabel

但是，您可以通过使用hover模板属性来自定义悬停标签https://plotly.com/javascript/hover-text-and-formatting/

Answer 2

可以使用CSS展开图例框，然后移动悬停元素。

.legend .bg {
  rx: 10px;
  transform: scale(1.2, 1.2);
}

.legend .scrollbox {
  transform: translate(10px, 7px);
}

这不是一个完美的解决方案，但它是有效的。