如何自定義對角圖表

Question

我有角度圖建立了一個極地區域圖的極性面積圖的鼠標懸停提示，因爲它遵循：

我需要定製什麼寫在工具提示鼠標懸停（現在它顯示[標籤：值]或[圖片中的[MBA010：98.69]），或完全刪除該選項。

我曾嘗試應用選項，如圖this plunker，由similar question提供：

// Controller 
$scope.chart_options = { 
    tooltipTemplate: function(label) { 
    return label.label + ':' + label.value; 
    } 
}; 

<!-- View --> 
<canvas class="chart chart-polar-area" 
       chart-data="module.data" 
       chart-labels="module.labels" 
       chart-options="chart_options"></canvas> 

但這些選項不極地區域圖上工作，但它適用於所有其他圖表類型。

如何自定義或刪除鼠標懸停時的工具提示以查看此特定圖表？

Answer 1

您可以使用Tooltip Callbacks作爲標籤來自定義極座標圖表的工具提示。

例

var app = angular.module('app', ['chart.js']); 
 

 
app.controller("PolarAreaCtrl", function($scope) { 
 
    $scope.labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']; 
 
    $scope.data = [ 
 
     [3, 2, 5, 1, 4, 2] 
 
    ]; 
 
    $scope.options = { 
 
     legend: false, 
 
     tooltips: { 
 
     callbacks: { 
 
      label: function(tooltipItem, data) { 
 
       //return text to render for an individual item in the tooltip 
 
       return 'This is a custom tooltip'; 
 
      } 
 
     } 
 
     } 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.min.js"></script> 
 
<script src="https://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.min.js"></script> 
 
<div ng-app="app" ng-controller="PolarAreaCtrl"> 
 
    <canvas id="polarArea" class="chart chart-polarArea" chart-data="data" chart-labels="labels" chart-options="options"></canvas> 
 
</div>