如何使标签在 DoughnutChart.js 上始终可见

Question

我已经经历过这个link 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);

谁能帮我解决这个问题？

Answer 1

在上面的代码中似乎遗漏了 <head></head> 标签之间对 jquery 的引用

Answer 2

您只需在 html 文件中包含此行即可包含 jquery

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

Answer 3

或者您可以忘记 jquery 保留您发布的代码中的 <head></head 并替换为

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

和

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

如何使标签在 DoughnutChart.js 上始终可见

How to make label always visible on DoughnutChart.js

javascript

jquery

label

chart.js