最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

无法将JSON绘制到chartJS

IT培训 admin 1浏览 0评论

无法将JSON绘制到chartJS

我正在尝试将数据集绘制到chartJS折线图中:

这是我的数据:

[{"close":0.00786609},{"close":0.00784},{"close":0.00784},
 {"close":0.00780507},{"close":0.007816},{"close":0.00781599},
 {"close":0.00780166},{"close":0.00778403},{"close":0.00782001},
 {"close":0.0078},{"close":0.00778},{"close":0.007799},
 {"close":0.00775057},{"close":0.0077688},{"close":0.00775001}]

这是我的代码:

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'line',

    // The data for our dataset
    data: {

        datasets: [{
            label: "My First dataset",
            backgroundColor: 'rgb(255, 99, 132)',
            borderColor: 'rgb(255, 99, 132)',
            data: <%= JSON.stringify(prices) %>,
        }]
    },

    // Configuration options go here
    options: {}
});

我怎样才能解决这个问题?

回答如下:

您已将图表配置为“line”类型。此类型的documentation指定数据集的data可以是数字数组或点数组,其中Point是具有x属性和y属性的Object。

你的data是一个JSON字符串化的对象数组,每个对象都有一个close属性。

您需要将prices数组映射到数字数组。在JavaScript中,可以这样做:

prices.map(function (price) {
    return price.close;
});

我创建了一个fiddle作为例子。

无法将JSON绘制到chartJS

我正在尝试将数据集绘制到chartJS折线图中:

这是我的数据:

[{"close":0.00786609},{"close":0.00784},{"close":0.00784},
 {"close":0.00780507},{"close":0.007816},{"close":0.00781599},
 {"close":0.00780166},{"close":0.00778403},{"close":0.00782001},
 {"close":0.0078},{"close":0.00778},{"close":0.007799},
 {"close":0.00775057},{"close":0.0077688},{"close":0.00775001}]

这是我的代码:

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'line',

    // The data for our dataset
    data: {

        datasets: [{
            label: "My First dataset",
            backgroundColor: 'rgb(255, 99, 132)',
            borderColor: 'rgb(255, 99, 132)',
            data: <%= JSON.stringify(prices) %>,
        }]
    },

    // Configuration options go here
    options: {}
});

我怎样才能解决这个问题?

回答如下:

您已将图表配置为“line”类型。此类型的documentation指定数据集的data可以是数字数组或点数组,其中Point是具有x属性和y属性的Object。

你的data是一个JSON字符串化的对象数组,每个对象都有一个close属性。

您需要将prices数组映射到数字数组。在JavaScript中,可以这样做:

prices.map(function (price) {
    return price.close;
});

我创建了一个fiddle作为例子。

与本文相关的文章

发布评论

评论列表 (0)

  1. 暂无评论