如果从数据库获取配置并且它包含一个函数,高图如何处理配置?

问题描述

假设我从服务器端获得了一个图表配置:

  let chartConfig = {
    chart: {
      type: "bar"
    },tooltip: {
      formatter: `function () {
        return  this.point.name + ':' +this.y;
    }`
    },};

因此格式化程序函数需要是一个字符串,以便可以将其保存为 JSON 字符串。 它不会作为字符串工作。

我正在使用与 highchart-react-officail 库进行反应。

我试过了:

    useEffect(() => {
        chartConfig.tooltip.formatter = tooltipsFormat;
    },[])

    const tooltipsFormat = () => {
        return this.key + '<br/>' 
    }

一个函数重新分配给格式化程序,但很明显,这里的“this”与配置中的不一样。

我应该怎么做才能让它发挥作用?

解决方法

更新:

 useEffect(() => {
        chartConfig.tooltip.formatter = function(){
           return this.key + '<br/>' 

    },[])

将解决问题。