Я новичок в Chart.js и пытаюсь отобразить гистограмму с данными, вызываемыми с помощью вызова AJAX jquery к файлу PHP, содержащему запрос mysql, в котором хранятся данные.
На странице, на которой предположительно отображается диаграмма, отображаются только оси X и Y, но диаграмма не отображается, хотя массив, полученный мной в результате вызова Ajax, присутствует.
HTML-страница
Chart.js Sample
#myChart {
min-width: 100px;
max-width: 500px;
min-height: 200px;
max-height: 400px;
}
var chData = [];
$(document).ready(function(){
$.ajax({
url: "ajax.php",
method: "GET",
dataType: "JSON",
contentType: "application/json; charset=utf-8",
success: function(data) {
chData = data;
}
});
var chartId = new Chart($("#myChart"), {
type: 'bar',
data: {
labels: ["HTML", "CSS", "JAVASCRIPT", "CHART.JS", "JQUERY"],
datasets: [{
label: "Subjects",
data: chData
}]
}
});
});
Страница AJAX:
Если вы запустите код и откроете консоль в настройках разработчика, вы обнаружите, что массив JSON уже там:
chData
(5) ['44', '35', '22', '28', '73']
Подробнее здесь: https://stackoverflow.com/questions/793 ... o-chart-js
Невозможно поместить данные JSON в Chart.JS. ⇐ Jquery
Программирование на jquery
-
Anonymous
1736908000
Anonymous
Я новичок в Chart.js и пытаюсь отобразить гистограмму с данными, вызываемыми с помощью вызова AJAX jquery к файлу PHP, содержащему запрос mysql, в котором хранятся данные.
На странице, на которой предположительно отображается диаграмма, отображаются только оси X и Y, но диаграмма не отображается, хотя массив, полученный мной в результате вызова Ajax, присутствует.
[b]HTML-страница[/b]
Chart.js Sample
#myChart {
min-width: 100px;
max-width: 500px;
min-height: 200px;
max-height: 400px;
}
var chData = [];
$(document).ready(function(){
$.ajax({
url: "ajax.php",
method: "GET",
dataType: "JSON",
contentType: "application/json; charset=utf-8",
success: function(data) {
chData = data;
}
});
var chartId = new Chart($("#myChart"), {
type: 'bar',
data: {
labels: ["HTML", "CSS", "JAVASCRIPT", "CHART.JS", "JQUERY"],
datasets: [{
label: "Subjects",
data: chData
}]
}
});
});
[b]Страница AJAX:[/b]
Если вы запустите код и откроете консоль в настройках разработчика, вы обнаружите, что массив JSON уже там:
chData
(5) ['44', '35', '22', '28', '73']
Подробнее здесь: [url]https://stackoverflow.com/questions/79343449/unable-to-put-json-data-into-chart-js[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия