节点数据都在外部，如何随机生成节点大小

如果节点的数据都在外部，并且你想要随机生成节点的大小，你可以使用JavaScript代码来动态设置节点的大小属性。

以下是一个示例代码，展示了如何在外部数据中随机生成节点的大小：

// 假设你有一个包含节点数据的数组
var nodes = [
    { name: '节点1' },
    { name: '节点2' },
    // ...
];

// 遍历节点数据，为每个节点生成随机大小
nodes.forEach(function(node) {
    node.symbolSize = Math.random() * 50 + 10; // 生成10到60之间的随机数作为大小
});

// 在ECharts的option配置中使用得到的节点数据
option = {
    series: [{
        type: 'graph',
        // 其他配置项...

        data: nodes,

        // 其他配置项...
    }]
};

在上述示例代码中，我们假设你有一个名为nodes的数组，其中包含了节点的数据。通过遍历这个数组，我们为每个节点生成了一个随机大小，并将其添加到节点对象的symbolSize属性中。

最后，将得到的节点数据应用到ECharts的option配置中的data属性中。

这样，每次运行代码时，节点的大小将会随机改变。你可以根据实际需求调整生成随机数的范围和偏移量，以获得满意的结果。

相关问题

我希望随机生成节点大小

如果你希望在ECharts人物关系图中随机生成节点大小，可以使用ECharts提供的回调函数来动态设置节点的大小。你可以在data中为每个节点设置一个symbolSize属性，并将其设置为一个回调函数，以便根据需要随机生成节点的大小。

以下是一个示例代码，展示了如何随机生成节点的大小：

option = {
    series: [{
        type: 'graph',
        // 其他配置项...

        data: [
            { name: '节点1', symbolSize: function() {
                // 随机生成节点1的大小
                return Math.random() * 50 + 10; // 生成10到60之间的随机数作为大小
            }},
            { name: '节点2', symbolSize: function() {
                // 随机生成节点2的大小
                return Math.random() * 50 + 10;
            }},
        ],

        // 其他配置项...
    }]
};

在上述示例代码中，我们在data中为每个节点设置了一个symbolSize属性，并将其设置为一个回调函数。在回调函数中，使用Math.random()函数生成一个0到1之间的随机数，并乘以一个范围值，再加上一个偏移量，以得到随机的节点大小。

你可以根据实际需求，调整生成随机数的范围和偏移量，以获得满意的结果。每次刷新图表时，节点的大小将随机改变。

能否在option内部控制生成节点大小

在ECharts中，可以在option的series中使用visualMap来控制节点的大小。visualMap是用于映射数据到视觉元素的组件，可以根据数据范围来设置节点的大小。

以下是一个示例代码，展示了如何在option内部控制生成节点大小：

option = {
    series: [{
        type: 'graph',
        // 其他配置项...

        data: [
            { name: '节点1', value: 10 },
            { name: '节点2', value: 20 },
            // ...
        ],

        // 使用visualMap控制节点大小
        visualMap: {
            min: 10, // 数据的最小值
            max: 30, // 数据的最大值
            calculable: true, // 是否可拖动
            inRange: {
                symbolSize: [10, 30] // 节点大小的取值范围
            }
        },

        // 其他配置项...
    }]
};

在上述示例代码中，我们在option的series中使用visualMap来控制节点的大小。通过设置visualMap的min和max属性，指定数据的最小值和最大值。通过inRange中的symbolSize属性，设置节点大小的取值范围。

在data中，每个节点都有一个value属性，表示节点的值。visualMap会根据数据范围自动映射节点的大小。

你可以根据实际需求，调整min、max和symbolSize的取值范围，以获得满意的结果。这样，每次刷新图表时，节点的大小将根据数据的范围自动调整。