Как отобразить знак «%» при наведении курсора мыши на круговой диаграмме

Я рисую график на пользовательском интерфейсе, используяChartJS 2.0, И я могу сделать круговую диаграмму. Но я хочу, чтобы указатель мыши показывал данные вместе с "%подписать. Как я могу добавить% Так что если при наведении мыши я получаюRented: 93 Я бы хотел увидетьRented: 93 %, Пожалуйста, ведите меня.

Ниже то, что я имею сейчас:

var sixthSubViewModel = Backbone.View.extend({
        template: _.template($('#myChart6-template').html()),
        render: function() {
          $(this.el).html(this.template());
          var ctx = this.$el.find('#pieChart')[0];
          var data = {
            datasets: [{
              data: this.model.attributes.currMonthOccAvailVac,
              backgroundColor: [
                "#455C73",
                "#BDC3C7",
                "#26B99A",
              ],
              label: 'My dataset' // for legend
            }],
            labels: [
              "Rented",
              "Vacant",
              "Unavailable",
            ]
          };
            var pieChart = new Chart(ctx, {
              type: 'pie',
              data: data
            });
        },
        initialize: function(){
            this.render();
        }   
    });

Понимание: Я понимаю, что в настоящее времяlabel и добавляетcolon а затем добавляетdata к этому. Так что еслиlabel = Rented, Data = 93 Я увижу что-то вродеRented: 93 при наведении мыши. Как я могу изменить текст наведения мыши для отображенияRented: 93%, Ниже изображение того, что я имею до сих пор при наведении мыши.

Я понимаю, что мне нужно добавить один"options" в круговой диаграмме. Но я не уверен, как это сделать. Пожалуйста, помогите мне.

Ответы на вопрос(1)

Ваш ответ на вопрос