Vue-chartjs v4.0.7示例访问(图表对象)

2j4z5cfb  于 2023-01-17  发布在  Vue.js
关注(0)|答案(1)|浏览(120)

我是个javascript开发新手
我尝试访问两个图表的size属性,使用vue-chartjs v4,在代码中完成,而不是在控制台中。在控制台中找到这些属性更容易,但是控制台中的对象不能从代码中访问(我真的不知道为什么),除了一些与console.log来自的属性直接相关的值:

duplicatedOptions.scales.x.afterFit = context => {
                    console.log("dup x context", context);
                    context.height += 25;
                };

在这个代码块中,duplicatedOptions是第二个图表的选项变量。在这个console.log中,我访问了一些属性。只有其中的一小部分在我的代码中可用,这些属性与x刻度相关,但不是我想要的。
我想要的是使用这些宽度和大小动态计算两个图表之一的paddingRight
在其他方面,我希望访问孔特征图表示例,特别是在我的代码中可用的chart.chartArea.left。我使用vuejs 2.6.14
我试着把一个ref放在chart元素中,因为这是官方文档中推荐的。但是这次我找不到我的chartArea.left变量,甚至在控制台中也找不到。
非常感谢。

ljsrvy3e

ljsrvy3e1#

我的队友在vue-chartjs 4.0.7上找到了使用以下代码行访问图表示例的方法:

const charts = document.getElementsByTagName("canvas");
        const ctx = charts.getContext("2d");

感谢您的关注。

相关问题