Question

对于下面的饼图，我有一个以表格格式构建的工具提示，并显示在悬停事件上。

Options -Indexes
<IfModule mod_rewrite.c>
 ErrorDocument 404 /errors/error404.html 
 Options +SymLinksIfOwnerMatch
 RewriteEngine on

 RewriteBase / 
 RewriteCond %{HTTP_HOST} ^((?!www\.)(?!aaaaa\.com)[^\.]+)\. 
 RewriteRule ^(.*)$ aaaaa/index.html?p=%1 [L] 

 RewriteCond %{HTTP_HOST} ^bbbbb\.com [NC]
 RewriteRule ^(.*)$ bbbbb/%1 [R,L] 

</IfModule>

我无法将工具提示Header（series.key）直接对齐到series.color属性的右侧。现在它显示在中心。我尝试注射一个拉左，一个浮子，但它没有改变任何东西。

这是一个向您展示工具提示的傻瓜： http://plnkr.co/edit/2SFzP96OIRyGhtM3j5Cp?p=preview

Answer 1

工具提示是由一个表组成的，所以发生了什么：

----------------------
Color        | CAT 1
----------------------
CAT III- #3: |         
----------------------

尝试将<strong>" + series.key + "</strong>移动到div之后的表格行中，如下所示：

<td colspan="2" class='legend-color-guide'><div style='background-color: " + series.color + ";'></div><strong>" + series.key + "</strong></td>

然后删除<td class='key'><strong>" + series.key + "</strong></td>

这将允许您按照自己想要的方式设计样式。重要的部分是colspan =“2”

供参考： http://www.w3schools.com/tags/att_td_colspan.asp

              var header = 
                "<thead>" + 
                  "<tr>" +
                    "<td colspan='2' class='legend-color-guide'><div style='background-color: " + series.color + ";'><strong>" + series.key + "</strong></div></td>" +
                  "</tr>" + 
                "</thead>";

无法设置工具提示标题“向左拉”

1 个答案: