有人能告诉我我的代码有什么问题吗？我已经成功地使用产生一个chart.js之圆环图,还有一个传说,但我想在图表的相应节段突出与工具提示,当我将鼠标悬停在图例的每个项目,就像它如何做在这个页面上
我试过复制并修改那个确切页面上使用的代码,但我无法让它工作.建议和帮助赞赏!!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Chart.js demo</title>
<script src='Chart.js'></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<canvas id="race" width="250" height="250" style="width: 250px; height: 250px;"></canvas>
<ul class="doughnut-legend">
<li><span style="background-color:#40af49"></span>African American</li>
<li><span style="background-color:#ac558a"></span>Other</li>
<li><span style="background-color:#f05541"></span>Multi-Racial, Not Hispanic</li>
<li><span style="background-color:#3ac2d0"></span>Hispanic/Latino</li>
<li><span style="background-color:#faaf3c"></span>Asian</li>
<li><span style="background-color:#4287b0"></span>White/Caucasian</li>
</ul>
<script>
var pieData = [
{
value: 24.8,
color: "#40af49",
label: "African American"
},
{
value : 2.9,
color : "#ac558a",
label: "Other"
},
{
value : 5.7,
color : "#f05541",
label: "Multi-Racial, …http://jsfiddle.net/gmannib/j2mwpj43/7/
^参见上面的示例小提琴.请注意饼图的工具提示如何位于我中间的"地球"图标下面？有没有办法将工具提示的z-index属性设置为高于地球图标？我觉得这会有用吗？
race.tooltip.style.zIndex = "5";
我还在学习...谢谢你的帮助!