Javascript Chart.jsv2。y轴固定的条形图

我希望我的图表具有固定y轴的水平滚动。 找到了这样的东西

对于v.1，但对于v.2，代码似乎有所不同

---

我在文档中没有看到用于此的参数或选项。有什么想法吗？

您只需要修改下面代码中提到的现有代码。这可能有助于您使用v2

animation: {
    onComplete: function(data) {
        var getParentIdName = this.chart.canvas.attributes.id.value,
        targetElement = document.getElementById("virtual-chart-axis"),
        sourceElement = document.getElementById("organizational-view"),
        sourceCanvas = this.chart.ctx.canvas,
        copyWidth = this.scales["y-axis-0"].width, // we are copying the width of actual chart
        copyHeight = this.chart.height, // we are copying the width of actual chart
        targetElementWidth = sourceElement.getContext("2d").canvas.clientWidth,
        targetElementHeight = sourceElement.getContext("2d").canvas.clientHeight,
        targetCtx = targetElement.getContext("2d");

        targetCtx.canvas.width = copyWidth;
        targetCtx.canvas.height = copyHeight;
        targetCtx.drawImage(sourceCanvas, 0, 0, targetElementWidth, targetElementHeight);
    }
}

祝你好运

animation: {
    onComplete: function(data) {
        var getParentIdName = this.chart.canvas.attributes.id.value,
        targetElement = document.getElementById("virtual-chart-axis"),
        sourceElement = document.getElementById("organizational-view"),
        sourceCanvas = this.chart.ctx.canvas,
        copyWidth = this.scales["y-axis-0"].width, // we are copying the width of actual chart
        copyHeight = this.chart.height, // we are copying the width of actual chart
        targetElementWidth = sourceElement.getContext("2d").canvas.clientWidth,
        targetElementHeight = sourceElement.getContext("2d").canvas.clientHeight,
        targetCtx = targetElement.getContext("2d");

        targetCtx.canvas.width = copyWidth;
        targetCtx.canvas.height = copyHeight;
        targetCtx.drawImage(sourceCanvas, 0, 0, targetElementWidth, targetElementHeight);
    }
}