如何在高位图表数据字段中设置变量答案

【问题标题】：How to set variable in high chart data field如何在高位图表数据字段中设置变量
【发布时间】：2023-03-06 05:46:02
【问题描述】：

数据来自后端，我可以在 java 脚本中使用 alert 来查看数据。但无法在高位图（条形图）的数据部分动态设置数据。

var cwk = "${myFormpage.cweek}";
var cwk2 = "${myFormpage.cweek2}";
var cwk3 = "${myFormpage.cweek3}";

var series = [{
    name: 'This week',
    color: '#ed7717',
    data: [11000, 12000, 17000]
  }, {
    name: '4 week ago',
    color: '#bd0066',
    data: [11000, 12000, 17000]
  }, {
    name: '52 week back',
    color: '#691e7d',
    data: [10000, 11000, 14000]
  }
];

上面的代码 sn-p 工作正常。但是，如果我像动态添加数据一样

data: [cwk,cwk2,cwk3]

图表未创建。请帮助我如何在没有 ajax 调用的情况下在此处添加动态数据。

【问题讨论】：

console.log() cwk、cwk2 和 cwk3 变量的值，并在此处发布。您需要确保您期望的值在那里，并且它们的格式正确（例如，数字而不是字符串）
cwk is12345fwk is12345fwk1 is :12345
console.log("cwk is"+cwk+"fwk is"+ fwk+"fwk1 is :"+fwk1);
我不明白你的回答。您提供 [cwk,cwk2,cwk3] 作为您的数据数组。这些价值观是什么？当您console.log(cwk) 时，记录的值是多少？它是一个整数吗？还是字符串？还是别的什么？
你 cwk* 变量定义为字符串。 Series 需要数字。

标签： javascript java spring highcharts

【解决方案1】：

根据我在您的代码中看到的内容，您似乎在此处将值转换为字符串：

var cwk = "${myFormpage.cweek}";
var cwk2 = "${myFormpage.cweek2}";
var cwk3 = "${myFormpage.cweek3}";

改为：

var cwk = ${myFormpage.cweek};
var cwk2 = ${myFormpage.cweek2};
var cwk3 = ${myFormpage.cweek3};

它应该可以工作......

【讨论】：

${variable} 不是有效的 ECMAScript。
这对绑定有效：<div data-value="{variable}">
@Mr.Polywhirl 我认为这应该用应用程序使用的任何模板引擎替换为数字。