合并重复的 X 轴标签并将特定值放入 chart.js

问题描述

我想使用 chart.js 制作折线图。在图表的 x 轴上，我只想放置年份的特定值，例如 1980、1990、2000、2010、2020 等。

我的数据如下所示：

data[count]=[1,3,10]
data[labels]=["3/16/2020 13:58","3/16/2020 12:40","3/16/2020 1:10"]

我已经能够使用以下代码将其放入折线图中

var lineChart=new Chart(ctx,{
            type:'line',data:{
                labels: data.labels,datasets:[
                    {
                        data:data.count
                    }
                ]
            },options:{
                title:{
                    display:true,text:"Timeline Flow"
                },legend:{
                    display:true
                }
            }                
        });

从上面的代码，一切正常，我能够产生一个 图形。但我只想在由 a 分隔的 x 轴中显示年（不是整个 DD:MM:YYYY hh::mm） 10年的差距。

我试图寻找解决方案。在这个 link 上，我找到了以下代码：

ticks: {
        callback: function(value) { 
            return new Date(value).toLocaleDateString('us-en',{month:'short',year:'numeric'}); 
        },} 

这将我的标签按年份分组，但我仍然得到单一年份的重复记录，例如 2010 年在标签上出现 10 次，2020 年也将出现 14 次。

我希望它们在 x 轴上只出现一次。

有人问过一个类似的问题 here，但仍未得到答复。 评论中的一个人建议使用散点图，但我想 制作折线图。

任何帮助将不胜感激。提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）