2017-05-04 40 views

回答

12

在這裏你去:

的jsfiddle:http://jsfiddle.net/1v9fy5mz/

code:

HTML

<canvas id="canvas"></canvas>

JS:

var ctx = document.getElementById("canvas").getContext("2d"); 

var data = { 
    labels: ['January', 'February', 'March'], 
    datasets: [{ 
    data: [1, 2, 3] 
    }] 
}; 

var myLineChart = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
    showAllTooltips: true, 
    tooltips: { 
     custom: function(tooltip) { 
     if (!tooltip) return; 
     // disable displaying the color box; 
     tooltip.displayColors = false; 
     }, 
     callbacks: { 
     // use label callback to return the desired label 
     label: function(tooltipItem, data) { 
      return tooltipItem.xLabel + " :" + tooltipItem.yLabel; 
     }, 
     // remove title 
     title: function(tooltipItem, data) { 
      return; 
     } 
     } 
    } 
    } 
}); 
+0

你碰巧知道爲什麼我得到,如果我在上面更多的填充只需將字體更改爲Open Sans以及如何更改此字體? http://jsfiddle.net/xppkLg59/ – Marko

+1

好像它與標題有soem間距,不能被刪除。將文本移動到'title'並使'label'返回null。看到這個更新的小提琴:http://jsfiddle.net/t60cd3bg/ –

+0

另一種方式,你可以做到這一點,是改變'tooltip.yPadding = 3;'這裏是一個小提琴:http://jsfiddle.net/v45sydkv/ –

1

options對象添加此

tooltips: { 
    displayColors: false 
} 
相關問題