无法将JSON绘制到chartJS

时间:2017-12-24 23:05:36

标签: javascript json node.js chart.js

我试图将数据集绘制到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: {}
});

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

您已将图表配置为类型&#34; line&#34;。此类型的https://flywaydb.org/documentation/migrations#java-based-migrations指定数据集的data可以是数字数组或点数组,其中点是具有x属性的对象, y财产。

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

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

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

我创建了一个documentation作为示例。