图表JS线图上没有工具提示

我必须缺少一些明显的东西，但我无法获得工具提示来处理此图表线条图。我需要以某种方式调整它们吗？图表JS线图上没有工具提示

Chart.defaults.global.defaultFontColor = '#FFF'; 

      var ctx = document.getElementById("myChart"); 
      var myChart = new Chart(ctx, { 
       type: 'line', 
       data: { 
        // labels: chartdata.labels, 
        // datasets: dataset 
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
     datasets: [{ 
      label: '# of Votes', 
      data: [12, 19, 3, 5, 2, 3], 
      backgroundColor: [ 
       'rgba(255, 99, 132, 0.2)', 
       'rgba(54, 162, 235, 0.2)', 
       'rgba(255, 206, 86, 0.2)', 
       'rgba(75, 192, 192, 0.2)', 
       'rgba(153, 102, 255, 0.2)', 
       'rgba(255, 159, 64, 0.2)' 
      ], 
      borderColor: [ 
       'rgba(255,99,132,1)', 
       'rgba(54, 162, 235, 1)', 
       'rgba(255, 206, 86, 1)', 
       'rgba(75, 192, 192, 1)', 
       'rgba(153, 102, 255, 1)', 
       'rgba(255, 159, 64, 1)' 
      ], 
      borderWidth: 1 
     }] 
       }, 
       options: { 
          scales: { 
           yAxes: [{ 
            ticks: { 
             beginAtZero:true 
            } 
           }] 
          }, 
          title: { 
           display: true, 
           text: 'Custom Chart Title' 
          }, 
          legend: { 
           display:false, 
          }, 
          tooltips: { 
        mode: 'label', 


         }, 
       hover: { 
        mode: 'label' 
       }, 
       } 

      });

来源

2016-11-24 LeBlaireau

在chart.js之，颜色为backgroundColor和borderColor性阵列是条型图的情况下，因为你有你的图表（若干条）不同的元素。

在行式中，您只有一个元素（行，下面有填充），所以您需要使用单一颜色设置这些属性。

如果更改了这些属性：

datasets: [{ 
    label: '# of Votes', 
    data: [12, 19, 3, 5, 2, 3], 
    backgroundColor: 'rgba(255, 99, 132, 0.2)', 
    borderColor: 'rgba(255,99,132,1)', 
    borderWidth: 1 
}]

你将得到下面的结果，它可以检查at this fiddle：

来源

2016-11-24 11:02:06 tektiv

感谢的人，我永远也不会找到那个答案。认为这是一个全球性的设置或什么的。 – LeBlaireau

@LeBlaireau很高兴！是的，这不是你会在文档中找到的那种信息 – tektiv

为什么x轴标签不可见？ –

图表JS线图上没有工具提示

回答

相关问题