Chart.js通过动态标签时不显示数据

问题描述 投票:0回答:1

我正在使用时标,并将时刻日期值传递给标签。时间刻度期望是整数(自纪元以来的毫秒数),Date对象,标签值的moment.js对象。

当将数组转换为逗号分隔的引号后,将其传递给Charts.js“ Labels”对象时,我将获得一个动态标签数组,因此数据不会显示在图形上。

        data: {
        labels: JSON.stringify(newDateArray),
        datasets: [{
            label: "My First dataset",
            data: [2, 3],
            backgroundColor: "rgba(255, 0, 0, 1)",
            fill: false,
        }]
    }

但是当我静态传递上述数组的输出时,图形将开始正常工作。

        data: {
        labels: ["2020-02-25T19:00:00.000Z","2020-02-27T19:00:00.000Z"],
        datasets: [{
            label: "My First dataset",
            data: [2, 3],
            backgroundColor: "rgba(255, 0, 0, 1)",
            fill: false,
        }]
    }

我尝试了不同的方法将JS数组转换为逗号分割字符串,然后传递该动态标签,即([“'” + newDateArray.join(“','”)+“']],但没有任何效果。

这里是jsfiddle,其中包含完整的Charts.js代码。感谢您的所有帮助!

javascript chart.js momentjs
1个回答
0
投票

仅将数组传递给标签,而不是将数组转换为逗号分隔字符串解决了问题。

© www.soinside.com 2019 - 2024. All rights reserved.