Chart.js V2: Add prefix or suffix to tooltip label

前端 未结 6 1603
情书的邮戳
情书的邮戳 2020-12-04 16:03

In Chart.js V1.0, I would add tooltipTemplate: \"<%if (label){%><%=label %>: <%}%><%= \'€\' + value %>\" to add a euro symbol as prefix

6条回答
  •  夕颜
    夕颜 (楼主)
    2020-12-04 16:21

    See if it helps:

            var config = {
                options: {
                    tooltips: {
                        callbacks: {
                            title: function (tooltipItem, data) { return data.labels[tooltipItem[0].index]; },
                            label: function (tooltipItem, data) {
                                var amount = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
                                var total = eval(data.datasets[tooltipItem.datasetIndex].data.join("+"));
                                return amount + ' / ' + total + ' ( ' + parseFloat(amount * 100 / total).toFixed(2) + '% )';
                            },
                            //footer: function(tooltipItem, data) { return 'Total: 100 planos.'; }
                        }
                    },
                }
            };
    

提交回复
热议问题