JavaScript 函数

Question

我想将以下内容粘贴到一个函数中，因为我当前多次调用它。

var chart = LightweightCharts.createChart(document.getElementById("chart"), {
    width: 250,
  height: 250,
    layout: {
        textColor: '#d1d4dc',
        backgroundColor: 'black',
    },
    localization: {
        priceFormatter: formatters[formatterNames[0]],
    },
  priceScale: {
        borderColor: 'rgba(255, 255, 255, 0.8)',
    },
    timeScale: {
    visible: false,
        borderColor: 'rgba(255, 255, 255, 0.8)',
    },
    priceScale: {
        scaleMargins: {
            top: 0.3,
            bottom: 0.25,
        },
    }, 
    grid: {
        vertLines: {
        color: 'rgba(255, 255, 255, 0.2)',
        },
        horzLines: {
            color: 'rgba(255, 255, 255, 0.2)',
        },
    },  
});

我想我应该将它添加到这样的函数中:

function Makechart (chartname){
LightweightCharts.createChart(document.getElementById(chartname), {
    width: 250,
  height: 250,
    layout: {
        textColor: '#d1d4dc',
        backgroundColor: 'black',
    },
    localization: {
        priceFormatter: formatters[formatterNames[0]],
    },
  priceScale: {
        borderColor: 'rgba(255, 255, 255, 0.8)',
    },
    timeScale: {
    visible: false,
        borderColor: 'rgba(255, 255, 255, 0.8)',
    },
    priceScale: {
        scaleMargins: {
            top: 0.3,
            bottom: 0.25,
        },
    }, 
    grid: {
        vertLines: {
        color: 'rgba(255, 255, 255, 0.2)',
        },
        horzLines: {
            color: 'rgba(255, 255, 255, 0.2)',
        },
    },  
});

然后通过将变量设置为函数来调用它

Var chart1 =Makechart("chart1")
Ver chart2 =Makechart("chart1")

但是代码没有运行，所以我做错了什么，但看不到我做错了什么。

Answer 1

您缺少用于从函数返回值的 return 关键字。
如果此后图表无法初始化，您可能应该检查控制台是否有错误。

在第一个示例中，您选择 ID 为 chart 的元素，在后面的示例中选择 chart1。确保您的元素存在。

function Makechart(chartname) {
  return LightweightCharts.createChart(document.getElementById(chartname), {
    width: 250,
    height: 250,
    layout: {
      textColor: '#d1d4dc',
      backgroundColor: 'black',
    },
    localization: {
      priceFormatter: formatters[formatterNames[0]],
    },
    priceScale: {
      borderColor: 'rgba(255, 255, 255, 0.8)',
    },
    timeScale: {
      visible: false,
      borderColor: 'rgba(255, 255, 255, 0.8)',
    },
    priceScale: {
      scaleMargins: {
        top: 0.3,
        bottom: 0.25,
      },
    },
    grid: {
      vertLines: {
        color: 'rgba(255, 255, 255, 0.2)',
      },
      horzLines: {
        color: 'rgba(255, 255, 255, 0.2)',
      },
    }
  });
}