gpt4 book ai didi

javascript - 如何使标签在 Donut Chart.js 上始终可见

转载 作者:行者123 更新时间:2023-12-02 15:53:00 25 4
gpt4 key购买 nike

我已经浏览过此链接 Chart.js - Doughnut show tooltips always?

我在我的机器上以相同的方式实现了代码,但图表没有出现。

以下是我的代码:

HTML:

<!doctype html>
<html>
<head>
<title>Doughnut Chart</title>
<script src="Chart.js"></script>
</head>
<body>
<div>
<canvas id="chart" width="200" height="200"/>
</div>
</body>

JS:

var data = [
{
value: 300,
color:"#F7464A",
highlight: "#FF5A5E"
},
{
value: 50,
color: "#46BFBD",
highlight: "#5AD3D1"
},
{
value: 100,
color: "#FDB45C",
highlight: "#FFC870"
}
]

var options =
{
tooltipTemplate: "<%= value %>",

onAnimationComplete: function()
{
this.showTooltip(this.segments, true);
},

tooltipEvents: [],

showTooltips: true
}

var context = $('#chart').get(0).getContext('2d');
var chart = new Chart(context).Pie(data, options);

请问有人可以帮我解决这个问题吗?

最佳答案

或者你可以忘记 jquery 留下 <head></head正如您发布并替换的代码中的那样

var context = $('#chart').get(0).getContext('2d');

var context = document.getElementById("chart").getContext("2d");

关于javascript - 如何使标签在 Donut Chart.js 上始终可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31742958/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com