Как отобразить знак «%» при наведении курсора мыши на круговой диаграмме
Я рисую график на пользовательском интерфейсе, используя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"
в круговой диаграмме. Но я не уверен, как это сделать. Пожалуйста, помогите мне.