javascript - 对与流程图一起使用的数组格式进行了细微更改

Question

我的脚本的第一部分如下所示:

$.getJSON('age_get.php', function(data) {
  var ticks1=[]
  $.each(data, function(key, val) {                  
  ticks1.push("["+val.index+",'"+val.value+"']");
            });
var ticks6 =[(ticks1.join())]

这会输出(对于ticks6)类似这样的内容:

["[90,'18-24'],[91,'25-29'],[92,'30-34'],[93,'35-39'…'60-64'],[99,'65-69'],[100,'70-74'],[101,'75-99']"]

我正在尝试在流程图中使用这个数组，它几乎是完美的。

我的脚本绘图部分中用于绘制 y 轴的代码如下所示:

yaxis: {
    ticks:ticks6,
    autoscaleMargin: 0.02
    },

它期望的格式是:

[[90,'18-24'],[91,'25-29'],[92,'30-34'],[93,'35-39'…'60-64'],[99,'65-69'],[100,'70-74'],[101,'75-99']]

这几乎正是我所拥有的，但我需要删除前导和尾随双引号对。但我不知道该怎么做。

我哪里出错了？

Answer 1

您还有一个额外的步骤，即创建一个大字符串。因此，ticks6 实际上是一个数组，其中一个元素是一个看起来像数组的大字符串。

问题中所示的数组 ticks6 的长度为 1。

您需要做的就是将每个新的 2 元素数组直接插入将用于 float 据的数组

var ticks6 = []; /* array to pass to flot*/
$.getJSON('age_get.php', function (data) {    
    $.each(data, function (key, val) {
       /* no quotes wrapping array braces, push 2 element array into main array */
        ticks6.push([val.index, "'" + val.value + "'"]);
    });    
});

以这种方式可视化数组推送可能会更容易:

$.each(data, function (key, val) {
     /* create 2 element array */
     var chartPointArray = [val.index, "'" + val.value + "'"];
     /* push 2 element array to main array */
     ticks6.push( chartPointArray  );
});