Javascript Использовать значения JSON на гистограмме Echart
У меня есть функция AJAX, выполняющая скрипт php, который возвращает значения JSON ниже
[{"status":"Cleared","qty":"2"},{"status":"Issued","qty":"3"},{"status":"Rejected","qty":"1"},{"status":"Requested","qty":"2"}]
Мне нужно взять статус и кол-во значений использовать их на гистограмме echarts со статусом в качестве оси X и Qty в качестве оси Y. При выполнении нижеприведенного графика не отображается и не отображаются ошибки в консоли.
Мой javascript ниже
$(document).ready(function(){
$.ajax({
url: 'php_files/permit_php_files/permit_chart_process.php',
method: "GET",
data: {
access_id: sessionStorage.getItem('access_id'),
client_id: sessionStorage.getItem('client_id')
},
success: function (data) {
console.log(data);
require.config({
paths: {
echarts: 'js/plugins/visualization/echarts'
}
});
require(
[
'echarts',
'echarts/theme/limitless',
'echarts/chart/bar',
'echarts/chart/line'
],
// Charts setup
function (ec, limitless) {
var permit_chart = ec.init(document.getElementById('permit_chart'), limitless);
permit_chart_options = {
// Setup grid
grid: {
x: 40,
x2: 40,
y: 35,
y2: 25
},
// Add tooltip
tooltip: {
trigger: 'axis'
},
// Add legend
legend: {
data: ['Status']
},
// Enable drag recalculate
calculable: true,
// Horizontal axis
xAxis: [{
type: 'category',
data: JSON.stringify(data.status)
}],
// Vertical axis
yAxis: [{
type: 'value'
}],
// Add series
series: [
{
name: 'Status',
type: 'bar',
data: JSON.stringify(data.qty),
itemStyle: {
normal: {
label: {
show: true,
textStyle: {
fontWeight: 500
}
}
}
}
}
]
};
permit_chart.setOption(permit_chart_options);
window.onresize = function () {
setTimeout(function () {
permit_chart.resize();
}, 200);
}
}
);
}
});
});