如何记录 Chart.js 工具提示的回调（对象）？ (v3.0)

Question

我正在尝试为 Chart.js (v3.0) 制作自定义工具提示，但是，当我 console.log 函数的上下文时，它说：

TypeError: Converting circular structure to JSON

有没有办法记录这个，这样我就可以看到可用的数据？？

代码示例：

            plugins: {
                legend: {
                    display: false
                },
                maintainAspectRatio: false,
                responsive: true,
                tooltip: {
                    callbacks: {
                        label: function(context) {
                            let label = new Intl.NumberFormat('en-US', {style: 'percent', minimumFractionDigits: 0, maximumFractionDigits: 0}).format(context.parsed.y);
                            return label;
                        },
                        title: function(context) {
                            console.log("the context: "+JSON.stringify(context))
                            let title = context[0].label;
                            return title;
                        }
                    },
                    displayColors: false
                }
            }

感谢任何帮助。

Answer 1

与其将上下文字符串化，不如传递变量并在控制台中打印它，这样它更有用，因为它包含大量信息，因此您可以单击它而不会弄得一团糟。

如果你真的想把它打印成一个字符串，你可以看看这个答案：How can I print a circular structure in a JSON-like format?

如何记录 Chart.js 工具提示的回调（对象）？ (v3.0)

How to log the callbacks (object) for Chart.js tooltips? (v3.0)

javascript

chart.js

react-chartjs

chart.js3