为CanvasXpress的Json对象分配Javascript数组值

Assigning Javascript array value to Json Object for CanvasXpress

本文关键字：Javascript 数组 分配 对象 CanvasXpress Json      更新时间：2023-09-26

我想知道哪一个地方是获得CanvasXpress帮助的最佳场所。我在论坛里看不到任何线索。实际上，我使用CanvasXpress来显示一些动态数据，并且我理解CanvasXpress将其作为json对象接受。我的问题是，我正在构建一个热图，当我用javascript数组变量分配vars:andsmps:variables以及data:variable时，它不会创建正确的json对象，要么返回错误，要么页面根本无法加载。我有如下的javascript数组：var axis='A2'，'A3'，'A20'，'A6'，'A10'，'A17'，'A7'，'A19'，'A11'，'A12'，'A9'，'C2'，'C7'，'C29'，C24'，这对var:和smps:和data:variable都是一样的。我有一个javascript数组，基本上是这样的二维数组矩阵=[0.00，0.33，0.00，0.00，0.000.00，0.00，[0.33，0.00，0.00，0.000.00，0.00，[0.00，0.00，0.00，[0.00，0.00，0.00，[0.00，0.00，0.00，[0.00，0.00，0.00，[0.00，0.00，0.00，[0.00，0.00，0.00，[0.00，0.00，0.00，[0.00，0.00，0.00，[00.00，1.00，0.00，0.00，0.000.00，0.00，[1.00，0.00，0.00，[0.00，0.00，1.00，0.00，0.00，[00.00，1.00，0.00，0.00，0.000.00，0.00，[0.00，0.00，0.00

但是，我无法在下面的json对象中分配这些javascript变量：

   var cx = new CanvasXpress('canvas1',
                              {y: {vars: axis,
                               smps:  axis,
                               desc:  ['Intensity'],
                               data:  [matrix]}},
                              {graphType: 'Heatmap',
                               showDataValues: true,
                               background: 'rgb(245,245,245)',
                               indicatorCenter: 'rainbow',
                               heatmapType: 'green',
                              // gradient: true,
                               centerData: true,
                               indicatorWidth: 8});

你能帮我做这件事吗？或者把我转发到一个论坛，在那里我可以得到帮助。

谢谢！

我认为您有一个方括号问题。试试这样的东西：

remoteData = [
    [10,12,153,4,100,73,42,64],
    [12,4,60,5,24,14,32,13],
    [7,12,20,13,49,52,42,92],
    [21,10,30,8,65,2000,47,58],
    [15,14,100,5,34,130,82,51],
    [100,82,73,124,0,4,5,142],
    [100,82,73,124,0,4,5,142]
];             
newData = {
    "y": {
        "vars": ["Gene1","Gene2","Gene3","Gene4","Gene5","Gene6","Gene7"],
        "smps": ["Smp1","Smp2","Smp3","Smp4","Smp5","Smp6","Smp7","Smp8"],
        "desc": ["Intensity"],
        "data": remoteData
    }
};

完整的工作示例

相关文章：