小编Wil*_*ill的帖子

Chart.js 工具提示未显示在折线图上

我不知道为什么我的图表的工具提示没有显示......任何人都可以告诉我我做错了什么吗?

如果我将图表类型设置为“条形”,工具提示可以正常工作,但由于某种原因,工具提示不适用于“折线”。我对 Chart.js 比较陌生,可能犯了一些基本的新手错误?

这是我当前的代码:

   <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.min.js"></script>
</head>
<body onLoad="ready()">
<canvas id="myChart" width="250" height="150"></canvas>
<script>
  var ctx = document.getElementById("myChart");
  var myChart = new Chart(ctx, {
    type: 'line',
    data: {
      labels:[],
      datasets: [{
        label: 'Applicants',
        data: [],//start empty
        backgroundColor: [
'rgba(10, 168, 196, 0.2)'     
        ],
        borderColor: [
'rgba(10, 168, 196, 1)' 
        ],
      }]
    },
    options: {
        tooltips: {
            enabled: true
        },
         legend: {
            display: false
         },

      scales: {
       xAxes: [{
type: 'time',
// …
Run Code Online (Sandbox Code Playgroud)

javascript tooltip chart.js chart.js2

3
推荐指数
1
解决办法
2475
查看次数

标签 统计

chart.js ×1

chart.js2 ×1

javascript ×1

tooltip ×1