Создание круговой диаграммы из данных JSON в Javascript

Я новичок в PHP и JavaScript, мне нужно создать круговую диаграмму с использованием данных JSON, которые будут получены из URL-адреса. Данные JSON:

[
  {"Domain":"Artificial Intelligence","Count":"46"}, 
  {"Domain":"Data Architecture","Count":"21"}, 
  {"Domain":"Data Science","Count":"50"}, 
]

Код :

<!DOCTYPE html>   
<html>
<head>
<title></title>
<link href = "http://cdn-na.infragistics.com/igniteui/2018.1/latest/css/themes/infragistics/infragistics.theme.css" rel = "stylesheet" />
<link href = "http://cdn-na.infragistics.com/igniteui/2018.1/latest/css/structure/infragistics.css" rel = "stylesheet" />

<script src = "http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"> 
</script>
<script src = "http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src = "http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src = "http://cdn- na.infragistics.com/igniteui/2018.1/latest/js/infragistics.core.js"></script>
<script src = "http://cdn-na.infragistics.com/igniteui/2018.1/latest/js/infragistics.dv.js"></script>

</head>
<body>
<?php
 # Reading JSN Data from URLS
 $jsn_data =    
 file_get_contents("http://localhost:9080/Badges/reporting/badge_json.php");
  <div id = "chart"></div>
  <script type = "text/javascript">

   $("#chart").igPieChart({
            width: "435px",
            height: "435px",
            dataSource: result, 
            dataValue: "count",
            dataLabel: "Domain",
            labelsPosition: "bestFit"
        });

      });
    <script>

 </body>
 s</html>

Но этот код не работает. подскажите пожалуйста как это сделать?

Какую ошибку вы получаете? Что вы получаете в $ jsn_data? Попробуйте обернуть свой URL-адрес с помощью urlencode - php.net/manual/en/function.file-get-contents.php

— 22.05.2018 13:03

Пожалуйста, уточните «не работает». У вас есть ошибки в консоли JavaScript? Вы проверили сгенерированную страницу, чтобы убедиться, что ваш php правильный? Все в порядке, но диаграмма не отображается?

— 22.05.2018 13:38

Мне нужно создать диаграмму Пи, используя данные JSON из URL ... Я много раз пробовал ... но не получил никакого результата ... диаграмма не отображается.

— 22.05.2018 14:14

javascript php json infragistics

22.05.2018 12:56

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

893

Ответы 2

dataLabel: «Badge_SubDomain» не существует в вашем источнике данных.

Может попробовать что-нибудь вроде ...

   $("#chart").igPieChart({
            width: "435px",
            height: "435px",
            dataSource: result, 
            dataValue: "count",
            dataLabel: "Domain",
            labelsPosition: "bestFit"
        });
   });

22.05.2018 13:01

Исправьте это:

Свойство JSON Считать - это нить, а не целое число
Код не работает, его нужно исправить
Переменная результат нигде в теге <script> не определена.
Фрагмент JavaScript находится внутри тега <?php/>, переместите его за пределы

вот фиксированный код:

index.php:

<!DOCTYPE html>   
<html>
    <head>
        <title></title>
        <link href = "http://cdn-na.infragistics.com/igniteui/2018.1/latest/css/themes/infragistics/infragistics.theme.css" rel = "stylesheet"></script>
        <link href = "http://cdn-na.infragistics.com/igniteui/2018.1/latest/css/structure/infragistics.css" rel = "stylesheet"></script>

        <script src = "http://code.jquery.com/jquery-1.11.3.min.js"></script>
        <script src = "http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
        <script src = "http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"></script>
        <script src = "http://cdn-na.infragistics.com/igniteui/2018.1/latest/js/infragistics.core.js"></script>
        <script src = "http://cdn-na.infragistics.com/igniteui/2018.1/latest/js/infragistics.dv.js"></script>
    </head>
    <body>
        <div id = "chart"></div>
        <script type = "text/javascript">
            $.ajax({type:"GET", url: "badge_json.php", success: function(data) {
                $("#chart").igPieChart({
                    width: "435px",
                    height: "435px",
                    dataSource: data, 
                    dataValue: "Count",
                    dataLabel: "Domain",
                    labelsPosition: "bestFit"
                });
            }});
        </script>
    </body>
</html>

и badge_json.php:

<?php
    header('Content-type: application/json');

    // your data goes here
    $data = array(
        ['Domain' => 'Artificial Intelligence', 'Count' => 46],
        ['Domain' => 'Data Architecture', 'Count' => 21],
        ['Domain' => 'Data Science', 'Count' => 50]
    );

    echo json_encode($data);
?>

23.05.2018 06:18

Другие вопросы по теме

Как изменить URL-адрес XmlHttpRequest при загрузке изображения

Как я могу зашифровать пароль для md5 в моем php-коде

Данные из CSV размещены друг за другом в массиве (массив PHP)

В Woocommerce цикл foreach работает, но создает ошибки в журнале

PHP - как сопоставить, если IPv4 IP находится в диапазоне IP-адресов?

Как сохранить возвращаемое значение функции в массиве сеанса в php

Как получить сумму доставки в VirtueMart

PDO и база данных access.mdb меняют часовой пояс с помощью запроса INSERT

Интегрировать веб-сайт codeigniter с живого на локальный сервер

Как использовать like и between вместе в sql?

Создание круговой диаграммы из данных JSON в Javascript

Ответы 2

Другие вопросы по теме

Похожие вопросы