ChartJS,重新定位元素并使用自定义插件进行缩放

时间:2019-03-20 08:58:01

标签: javascript chart.js

当您将图形类型从“条形”更改为“线形”时,x轴和图形上的元素会自行重新定位,从而使这些元素适合画布。

现在,我使用此插件来制作带有填充色的多色折线图。而且我认为这可能会导致无法重新排列元素/比例。

条形图使用其他比例尺(中间的刻度)

因此从条形图到折线图这不会造成太大麻烦,因为Al元素仍在画布中。但是从Line到Bar,它会使第一个和最后一个Bar的一半从画布上消失。

从条形到线形:

Bar to Line 1 Bar to Line 2

第一个和最后一个点未与画布的左右两侧对齐,但至少可见。

但是从行到条:

Line to Bar 1 enter image description here

第一个和最后一个栏都不适合画布。

我尝试使用instance.update()instance.render(instane.config),但这似乎不起作用。

是否有任何方法可以重绘/重新定位图表中的所有元素? 还是一些我应该在多色插件中覆盖的方法?

Chart.plugins.register({

    id: "multiColoredLine",

    beforeInit: function(chart, options) {
        if (!pluginOptions.enable) return;
    },

    afterDatasetsUpdate: function(chart, options) {
        //here do i do some things to calculate gradient etc 
        //and put it in dataset and meta so after this
    }

0 个答案:

没有答案