Передача данных json в chartjs

JSON.js

    var Jsondata = {
            "label1": 0,
            "label2": 0,
            "label3": 2,
            "label4": 0,
            "label5": 0
        }
var labels = //?? have to get the labels from the Jsondata
var data = //?? have to get the numbers from the Jsondata

и я использую это, чтобы построить линейный график с помощью chartjs, и код выглядит следующим образом.

 type: 'line', 
          data: { 

              labels: labels  //["label1","label2","label3","label4", "label5""], 

 datasets: [{ 
              label:'',                   
              fill: 'false', 
              data: data  //[0, 3, 6, 4, 5,3,2],

json charts chart.js

29.03.2018 01:09

Как сделать HTTP-запрос в Javascript?

В JavaScript вы можете сделать HTTP-запрос, используя объект XMLHttpRequest или более новый API fetch. Вот пример для обоих методов:

1 048

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать встроенные помощники Objectkeys() и values():

var Jsondata = {
            "label1": 0,
            "label2": 0,
            "label3": 2,
            "label4": 0,
            "label5": 0
    }
var labels = Object.keys(Jsondata)
var data = Object.values(Jsondata)

ярлыки: ["label1", "label2", "label3", "label4", "label5"]

данные: [0, 0, 2, 0, 0]

29.03.2018 01:14