代码之家  ›  专栏  ›  技术社区  ›  Łukasz Zaroda

在包含条形图和直线的混合图表中,如何在两个方向上将线延伸到图表之外?

  •  0
  • Łukasz Zaroda  · 技术社区  · 7 年前

    我有一张图表,有直线和条形图:

    Chart

    是否有可能在两个方向上将线延伸到图表之外?这条线起着重要的作用,它是酒吧的“限制”,我只是不希望它从第一个酒吧的中心开始,然后在最后一个酒吧的中心结束。

    我可以通过简单地扩展行的数据集将其扩展到右侧,但是否可以以某种方式将其扩展到左侧?

    1 回复  |  直到 7 年前
        1
  •  0
  •   Łukasz Zaroda    7 年前

    我根据这个问题的答案得出了答案: Is it able to align line chart at left margin in mixed chart?

    我这样扩展线型:

    Chart.controllers.LineNoOffset = Chart.controllers.line.extend({
        updateElement: function(point, index, reset) {
            Chart.controllers.line.prototype.updateElement.call(this, point, index, reset);
            const meta = this.getMeta();
            const xScale = this.getScaleForId(meta.xAxisID);
            point._model.x = xScale.getPixelForValue(undefined, index-0.5);
        },
    });
    

    现在 LineNoOffset 线条的类型将从图表的左边框开始,这满足了我的需要。