2016-06-25 35 views
0

我使用Chart.js版本:2.1.6創建雷達圖表,如下所示:ChartoftheRadar 我試圖禁用點標籤(圖片上標記爲紅色)。如何禁用Chart.js雷達圖點標籤

我已經嘗試了幾種方法,並且最後將標籤字體大小設置爲0,但它沒有效果。 請幫幫忙,如果可以的話,這裏是我的代碼:

var radarChartData = { 
    labels: ["some labels"], 
    datasets: [ 
     {% for data in datas %} 
      { 
       backgroundColor: "rgba({{ radarColors[loop.index0] }},0.2)", 
       borderColor: "rgba({{ radarColors[loop.index0] }},1)", 
       pointBackgroundColor: "rgba({{ radarColors[loop.index0] }},1)", 
       pointBorderColor: "#fff", 
       pointHoverBackgroundColor: "#fff", 
       pointDot: false, 
       pointLabelFontSize : 0, 
       scaleShowLabels : false, 
       pointHoverBorderColor: "rgba({{ radarColors[loop.index0] }},1)", 
       data: [some data] 
      } {% if not loop.last %},{% endif %} 
     {% endfor %} 
    ] 
}; 

var options = { 
    responsiveAnimationDuration: 2000, 
    maintainAspectRatio: false, 
    pointDot: false, 
    pointLabelFontSize: 0, 
    legend: { 
     position: "bottom", 
     display: false 
    }, 
    pointLabel: { 
     fontSize: 0 
    }, 
    scale: { 
     ticks: { 
      display: false 
     }, 
    } 
}; 

var ctx = $('#radar-chart').get(0).getContext("2d"); 
var mychart = 
    new Chart(ctx, { 
     type: 'radar', 
     data: radarChartData, 
     options: options 
    }); 

回答

1

options.tooltips.enabled =假

這就是你想要的?

Common chart configuration

+0

是的,這是它,謝謝! – Six

+1

很高興幫助!既然你在這裏似乎是新手,可否指出stackowerflow接受答案的過程:) http://stackoverflow.com/help/accepted-answer – marton

+0

當然,我做到了:) – Six