Я использую график JS для диаграмм на моей веб-странице. Я изучил функцию 'onClick' в опциях, предоставленных чартистом.
Пожалуйста, найдите мой код ниже:
public horizontalBarchartoptions = {
'onClick' : function (evt, item) {
var index = item[0]['_index']
var reportId = latestScanReportID[index];
routingFunct.navigate(["./resultPage/"+reportId]);
},
tooltips: {
callbacks: {
label: function(tooltipItem) {
return " "+ Number(tooltipItem.xLabel)+" issue(s)";
}
}
},
scales: {
yAxes: [{
scaleLabel: {
display: true,
labelString: 'Volume'
},
display: true,
labelString: 'Density',
ticks: {
mirror: true,
autoSkip: false,
padding: -30,
fontColor: '#fff'
}}],
xAxes: [{
scaleLabel: {
display: true,
labelString: '# Issues'
},
ticks: {
min: 0,
userCallback: function(label, index, labels) {
// when the floored value is the same as the value we have a whole number
if (Math.ceil(label) === label) {
return label;
}
}
},
}]
}
};
При нажатии на панель вышеупомянутый код перенаправляет на страницу результатов для этот конкретный идентификатор столбца ниже является изображением для того же самого: На этом изображении при нажатии на сканировании 1 - сканировании 4 оно перенаправляется на страницу результатов При нажатии на сканировании 5 выдается следующее исключение, поскольку значение Сканирование 5 - это 0
ERROR TypeError: Cannot read property '_index' of undefined
Я могу начать метку оси с -1, но это не является предпочтительным решением. Можете ли вы предложить другой подход для решения этот выпуск.
Заранее спасибо