代码之家 › 专栏 › 技术社区 › c319113

将json数据传递给chartjs

chart.js charts json

c319113 · 技术社区 · 7 年前

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],

1 回复 | 直到 6 年前

JacobIRR 7 年前

您可以使用内置 Object 助手 keys() 和 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]

推荐文章

Mnag · 下表中第95百分位的120%是多少?

1 年前

ttruhcheva · 如何在Power BI中创建灵活的数据标签?

2 年前

Î²Î³Î¹ Robert Longson · 广告牌js可选Y网格线-标签背景样式

6 年前

Ricardo Prida · Apache POI Powerpoint,XMLSlideShow。找不到createChart()

6 年前

Abhishek · 无法在NVD3中制作图表。x/y轴上的格式问题

6 年前

Paul Chris Jones · 在google中包含字符串列。可视化。数据组

6 年前

Joe Firebaugh · HighCharts项目符号图表似乎忽略了xAxis minTickInterval

6 年前

amea6995 · If/ElseIf语句仅适用于第一个If语句

6 年前

yash041 · google charts图形设置图例值和相同颜色列

6 年前

user8703261 · morris中的x轴问题。js公司

6 年前