Javascript chart.js图形上的偏移覆盖线

Javascript chart.js图形上的偏移覆盖线,javascript,jquery,chart.js,Javascript,Jquery,Chart.js,我使用的是Quince()的Chart.js fork,我想知道有没有办法像我在这里的前两个点上所说明的那样偏移线图点: 我想我需要第二个x轴。只需交换覆盖图类型的绘图功能,添加偏移量,如下所示 Chart.types.Overlay.extend({ // Passing in a name registers this chart in the Chart namespace in the same way name: "OverlayAlt", dra

我使用的是Quince()的Chart.js fork,我想知道有没有办法像我在这里的前两个点上所说明的那样偏移线图点:


我想我需要第二个x轴。

只需交换覆盖图类型的绘图功能,添加偏移量,如下所示

   Chart.types.Overlay.extend({
     // Passing in a name registers this chart in the Chart namespace in the same way
     name: "OverlayAlt",
     draw: function(ease) { 
       // most of this is from Quince's draw function
       var easingDecimal = ease || 1; 
       this.clear(); 
       this.scale.draw(easingDecimal); 
       Chart.types.Bar.prototype.drawDatasets.call(this, this.barDatasets, easingDecimal); 

       // here we just swap out the calculateX function after we draw the scale
       var originalScaleDraw =  this.scale.draw;
       var originalCalculateX = this.scale.calculateX;
       var scale = this.scale;
       var offset = (scale.calculateX(2) - scale.calculateX(1)) / 2;
       scale.draw = function() {
         originalScaleDraw.apply(this, arguments);
         scale.calculateX = function() {
           return originalCalculateX.apply(this, arguments) + offset;
         }
       }
       Chart.types.Line.prototype.drawDatasets.call(this, this.lineDatasets, easingDecimal); 
       this.scale.draw = originalScaleDraw;
       this.scale.calculateX = originalCalculateX;
     },
   });


Fiddle(您评论中的更新版本)

您是否对上述数据集进行了Fiddle设置?这是我希望将折线图的点移动到月底的Fiddle