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

时间:2017-11-18 21:49:33

标签: chart.js2

我有这个图表,它有直线和条形图:

Chart

是否有可能以某种方式在图表外向两个方向延伸线?这条线起着重要的作用,它是一种限制"对于酒吧,我只是不想让它从第一个酒吧的中心开始,并在最后一个酒吧的中心结束。

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

1 个答案:

答案 0 :(得分:0)

我根据这个问题的答案找出了答案: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类型将从图表的左边框开始,这符合我的需要。