工具提示和圖例中的自定義文本：ChartJs

Im使用甜甜圈chartjs。工具提示文字太長，會被剪切。所以我想在工具提示文本的末尾添加省略號（...）。但省略號也加入了傳說中。如何在圖例和工具提示中添加不同的文字？工具提示和圖例中的自定義文本：ChartJs

controller.js

doughnutData.push({ 
'value': value.count, color: $scope.doughNutColors[key], 
highlight: $scope.doughNutColors[key], label: value.website 
});

directive.js

$scope.myDoughnut = new Chart(ctx).Doughnut(value, { 
        showScale: true, scaleShowLabels: true, animation: false, 
        tooltipTemplate: "<%if (label){%><%=label%>:<%=value%>%<%}%>", 
        legendTemplate: "<ul class=\"doughnutalt-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"border-color:<%=segments[i].fillColor%>\"></span><label><%if(segments[i].label){%><%=segments[i].label%><%}%></label></li><%}%></ul>", 
});

來源

2016-01-21 Sallu Salman

我想在圖例和工具提示中提供不同的文字 –

您可以請添加小提琴。 – Help

看看這可能有幫助----------> http://jsfiddle.net/7ff9k9cd/1/ <------------ – Help

固定它

{ 
... 
tooltipTemplate: function (label) { 
         return customTooltip(label); 
        } 

}); 

function customTooltip (label) { 
        if (label.label.length > 10) { 
         label.label = label.label.substring(0,10)+'...'; 
        } 
        return label.label+': '+label.value+'%'; 
}

不知道這是否是正確的代碼。但它做了我想要的東西

來源

2016-01-21 08:05:03

工具提示和圖例中的自定義文本：ChartJs

回答

相關問題