angular - bpmn 图上的热图：错误类型错误：无法分配给对象“[object ImageData]”的只读属性“data”

Question

我需要在我的 bpmn 图上添加热图的帮助。HeatmapInstance 尝试设置数据时出现奇怪的错误。我也试过

let currentData = heatmap.getData();
currentData.max = 20;

for (let i = 0; i < data.length; i++) {
    currentData.data[i] = data[i];
}

并且没有工作（我没有收到错误，但我没有看到任何热图）。

const stats = {
                   'Task_198ld8o': 10,
                        'Task_0rny0oc': 20,
                        'Task_0kkopxk': 10
                    }
                    var heatmap = h337.create({
                        container: document.getElementById('canvas')
                    });

                    var data = [];
                    var registry = ViewerComponent.bpmnViewer.get('elementRegistry');

                    for (var i in registry.getAll()) {
                        var element = registry.getAll()[i];
                        if (stats[element.id] != null) {
                            const centerx = element.x + (element.width / 2);
                            const centery = element.y + (element.height / 2);
                            data.push({
                                x: centerx,
                                y: centery,
                                value: stats[element.id]
                            });
                        }
                    }

                    heatmap.setData({
                        min: 0,
                        max: 100,
                        data: data
                    });

标签： angulartypescriptheatmapbpmncamunda