Я пытаюсь отобразить информацию о сетевых данных с помощью оболочки, а затем сохранить ее в базе данных. Сохранение в базе данных работает отлично, данные сохраняются. Затем я пытаюсь извлечь данные из моей базы данных с помощью ajax и отобразить их на круговой диаграмме, мой сценарий, похоже, не дает мне вывода.

Мой HTML файл

{amp}lt;!DOCTYPE html{amp}gt; {amp}lt;html style="height: 100%"{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body style="height: 100%; margin: 0"{amp}gt; {amp}lt;div id="container" style="height: 100%"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;script src="js/jquery-2.1.4.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type="text/javascript" src="https://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type="text/javascript" src="https://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type="text/javascript" src="https://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type="text/javascript" src="https://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type="text/javascript" src="https://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type="text/javascript" src="https://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type="text/javascript" src="https://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type="text/javascript" src="https://echarts.baidu.com/gallery/vendors/simplex.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script type="text/javascript"{amp}gt; $(function() { $.ajax({ url: 'http://localhost/eyenet2/chart_data.php', type: 'GET', success: function(data) { chartData = data; var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; option = null; app.title = 'Popo'; option = { tooltip: { trigger: 'item', formatter: "{a} {amp}lt;br/{amp}gt;{b}: {c} ({d}%)" }, legend: { orient: 'vertical', x: 'left', data:['SSL','HTTP','FTP','UDP','ARP','TCPIP','SMTP','SDN'] }, series: [ { name:'Sevices', type:'pie', radius: ['40%', '55%'], dataFormat: 'json', label: { normal: { formatter: '{a|{a}}{abg|}n{hr|}n {b|{b}:}{c} {per|{d}%} ', backgroundColor: '#eee', borderColor: '#aaa', borderWidth: 1, borderRadius: 4, // shadowBlur:3, // shadowOffsetX: 2, // shadowOffsetY: 2, // shadowColor: '#999', // padding: [0, 7], rich: { a: { color: '#999', lineHeight: 22, align: 'center' }, // abg: { // backgroundColor: '#333', // width: '100%', // align: 'right', // height: 22, // borderRadius: [4, 4, 0, 0] // }, hr: { borderColor: '#aaa', width: '100%', borderWidth: 0.5, height: 0 }, b: { fontSize: 16, lineHeight: 33 }, per: { color: '#eee', backgroundColor: '#334455', padding: [2, 4], borderRadius: 2 } } } }, data: chartData } ] };; if (option {amp}amp;{amp}amp; typeof option === "object") { myChart.setOption(option, true); } } }); }); {amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

chart_data.php

 {amp}lt;?php $servername = "localhost"; $username = "root"; $password = ""; $dbName = "packets"; $conn = new mysqli($servername, $username, $password, $dbName); if ($conn-{amp}gt;connect_error) { die("Connection failed: " . $conn-{amp}gt;connect_error); } $query = "SELECT * FROM fakedata"; $result = $conn-{amp}gt;query($query); $jsonArray = array(); if ($result-{amp}gt;num_rows {amp}gt; 0) { while($row = $result-{amp}gt;fetch_assoc()) { $jsonArrayItem = array(); $jsonArrayItem['value'] = $row['value']; $jsonArrayItem['name'] = $row['name']; array_push($jsonArray, $jsonArrayItem); } } $conn-{amp}gt;close(); header('Content-type: application/json'); echo json_encode($jsonArray); ?{amp}gt; 

Формат моей БД

 |value|name| |335 |SSA | |335 |SSB | |335 |SSC | |335 |SSD | |335 |SSE | |335 |SSF | |335 |SSG | |335 |SSH | 

Вывод должен быть примерно таким: https://ecomfe.github.io/echarts-examples/public/editor.html?c=pie-doughnut

Я ценю ваши комментарии и помощь. Спасибо