Question

我已经通过了这个链接 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

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

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

Answer 2

或者你可以忘记jquery离开你发布的代码中的<head></head并替换

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

与

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

Answer 3

在上面的代码中似乎错过了jquery代码

之间<head></head>的引用

如何在DoughnutChart.js上始终显示标签

3 个答案: