工具提示和图例中的自定义文本：ChartJs答案

【问题标题】：Custom text in tooltip and legend: ChartJs工具提示和图例中的自定义文本：ChartJs
【发布时间】：2016-01-21 16:05:03
【问题描述】：

我正在使用甜甜圈图表。工具提示文本太长会被剪切。所以我想在工具提示文本的末尾添加省略号（...）。但是省略号也会添加到图例中。如何在图例和工具提示中添加不同的文字？

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>",
});

【问题讨论】：

我想要图例和工具提示中的不同文本
你能加个小提琴吗。
看看这个可能有帮助 ----------> jsfiddle.net/7ff9k9cd/1
感谢@Help。我自己做了一个代码，就像小提琴中的那个一样，它是固定的

标签： jquery angularjs chart.js

【解决方案1】：

修好了

{
...
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+'%';
}

不知道这是否是正确的代码。但它做了我想要的

【讨论】：