跳过图表 js 中没有值的日期答案

【问题标题】：Skip dates with no values in chart js跳过图表 js 中没有值的日期
【发布时间】：2021-10-20 03:13:16
【问题描述】：

我想排除 x 轴上没有值的日期。下面是我的图表图片。

这也是我当前在图表 js 中的选项代码

var options = {
                            responsive: true, 
                            maintainAspectRatio: false,
                            elements: {
                                line: {
                                    fill: false
                                }
                            },
                             style: {
                                  strokewidth: 10
                                },
                               
                             title: {
                                    display: true,  
                                    position: 'top',
                                    fontSize: 18,
                                    padding: 20
                                },
                            scales: { 
                                    xAxes:[{
                                        ticks: {
                                            z: 0,
                                            autoskip: false,
                                            callback: function(value, index, values){
                                                return new moment(value).format('L');
                                            }
                                        },
                                        type: 'time',
                                        time: {
                                            unit: 'week'                                    
                                        },
                                        scaleLabel: { display: true,
                                                      labelString: 'Date'}      
                                        }],
                                    yAxes: [{ 
                                        ticks: { beginAtZero:true ,
                                                 min: 0,
                                                 max: 5 } ,
                                scaleLabel: { display:     true,
                                              labelString: 'Skill Rating'}
                                        }] 
                            } 
                };

我希望你们能帮助我。谢谢！

【问题讨论】：

标签： javascript java chart.js momentjs

【解决方案1】：

当您将 series/data 传递给图表时，过滤它

let data = [...];
data = data.filter(v => v[0] && v[1]);

【讨论】：