polymer - DY-graph xaxis 范围标记

Question

我正在尝试以统一格式标记 xaxis 标签范围。目前我得到的 xaxis 标签如下。

但我希望根据可用数据以“20:00 21:00 23:00 ' next day Date ' 01:00 03:00 ...”等格式表示。

我也想在图例中显示鼠标在 xaxis 值上。作为此更改的一部分，我需要进行哪些代码更改？

这是代码片段

new Dygraph(
            this.$.chart,
            data,
            {
                title: this.chartData.response.chartDataSet.xAxisHeading,
        
                labels: data_labels,
                axisLabelWidth: 60,          
                ylabel: this.chartData.response.chartDataSet.yAxisHeading,
                height: 300,
                width: setWidth,
                hideOverlayOnMouseOut: false,
                legend: 'follow',
                fillGraph: true,
                pixelsPerLabel: pixelsPerLabelXaxis,
                legendFormatter: legendFormatter,
                
                axes: {
                    x: {
                        axisLabelFormatter: function(d) {
                             this.value = in_data.chartDataSet.xCoordinates[d];
                            
                            if(this.value!==undefined){
                                if(historicalPeriod === 21 || historicalPeriod === 22 ||  historicalPeriod === 23){
                                    return moment(this.value, 'MM-DD-YYYY_HH:mm:ss').format('DD - MMM');
                                }
                                else if(historicalPeriod === 24){
                                    return moment(this.value, 'MM-DD-YYYY').format('MMM-YYYY');
                                }else{
                                   return moment(this.value, 'HH:mm:ss').format('HH:mm');
                                  
                                }
                            }
                            return in_data.chartDataSet.xCoordinates[d];
                        }                       
                    }
                },
            }
        );

标签： polymerdygraphs