Код: Выделить всё
Преобразование атрибута Вот код
Код: Выделить всё
$(document).ready(function () {
var codeChartData = @Html.Raw(Json.Serialize(codeList));
console.log(codeChartData);
var seriesData = codeChartData.map(item => parseInt(item.count));
var options = {
chart: {
type: 'pie',
height: 600,
events: {
legendClick: function (chartContext, seriesIndex, config) {
handleLegendClick(chartContext, seriesIndex, config, codeChartData);
}
}
},
series: seriesData,
labels: codeChartData.map(item => item.statusName),
theme: {
mode: 'light',
palette: 'palette1'
},
legend: {
position: 'right',
onItemClick: {
toggleDataSeries: false
}
},
plotOptions: {
pie: {
expandOnClick: false
}
},
dataLabels: {
enabled: false
},
responsive: [{
breakpoint: 480,
options: {
chart: {
width: 200
},
legend: {
position: 'bottom'
}
}
}]
};
var chart = new ApexCharts(document.querySelector("#errorCountChartdiv"), options);
chart.render();
});
function handleLegendClick(chartContext, seriesIndex, config, codeChartData) {
var statusCode = codeChartData[seriesIndex].statusCode;
console.log("Clicked seriesIndex:", seriesIndex);
console.log("StatusCode:", statusCode);
$('#errorDetailModal').modal('show');
$("#errorDetailModalTitle").html(chartContext.w.config.labels[seriesIndex]);
$("#errorDetailModalBody").html("[i]Loading...[/i]");
$.post("/Dashboard/ErrorDetails", {
code: statusCode,
fromTime: "@ViewBag.ErrorFromTime",
toTime: "@ViewBag.ErrorToTime",
endPoint: "@ViewBag.endPoint",
i_customer: "@ViewBag.i_customer",
i_account: "@ViewBag.i_account",
ingress_adjacency: "@ViewBag.ingress_adjacency"
}, function (data) {
$("#errorDetailModalBody").html(data);
});
return false;
}
В этом коде я добавил круговую диаграмму из apexcharts
и я заполняю его кодом состояния, счетчиком и именем статуса, которые я получаю от API
и при нажатии кнопки «Ярлык»
Я открываю модальное окно, в котором получаю сопоставление данных с индексом и кодом состояния из другого API.
Диаграмма работает точно так, как ожидалось, но я получаю эту ошибку в консоли, которая Я не могу решить
Пожалуйста, помогите мне это исправить.
Подробнее здесь: https://stackoverflow.com/questions/787 ... apexcharts
Мобильная версия