код:
<?php
include('config.php');
?>
<html>
<head>
<style>
html,
body,
#myChart {
height: 100%;
width: 100%;
}
</style>
</head>
<body>
<select id="jid">
<option>Select Job</option>
<option value="jid1">Java Developer</option>
<option value="jid2">Dot Net Developer</option>
<option value="jid3">PHP Developer</option>
</select>
<div id='myChart'></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<script>
zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3edaf6d"];
</script>
<script>
$(document).ready(function(){
$("#jid").change(function(){
jid = $(this).val();
$.ajax({
type:"POST",
data:{"jid":jid},
url:"success.php",
success:function(data){
var myData = [data];
var myConfig = {
"graphset": [{
"type": "bar",
"title": {
"text": "Resume Tracking System"
},
"scale-x": {
"labels": ["Uploaded", "Shortlist", "Interview", "Final", "Offer"]
},
"series": [{
"values": myData
}]
}]
};
zingchart.render({
id: 'myChart',
data: myConfig,
height: "100%",
width: "100%"
});
}
});
});
});
</script>
</body>
</html>
success.php
<?php
include('config.php');
$jid = $_POST['jid'];
$sql = mysqli_query($con,"select * from test where jid='".$jid."'");
while($row = mysqli_fetch_array($sql))
{
echo $row['val'];
}
?>
Я пытаюсь сгенерировать динамический график значения раскрывающегося списка изменений с помощью jquery ajax.Теперь, что я делаю здесь, когда я вызываю ajax success value, то это не генерирует граф, а вручную вводит значение вместо data Я ввожу 20, затем граф генерируется успешно.Я не знаю, почему, где я делаю неправильно?Пожалуйста, помогите мне.
Спасибо