使用plotly.js自定义图例名称

Question

我正在使用react-plotly.js创建条形图。 我根据数据值将多种颜色应用于条形。

如您在上图中所看到的，当我传递其名称时，我只是得到蓝色条的图例名称。

timelineData.forEach(function (datum, i) {
            if (datum.outcome === 'Failure') {
                markerColor[i] = '#FF0000';
            } else {
                markerColor[i] = '#1984CD';
            }
        });
        this.setState({
            currentColorsArray: markerColor,
            defaultColor: markerColor
        });

return [{
            x: x,
            y: y,
            type: 'bar',
            marker: { color: this.state.currentColorsArray },
            name: 'Process completed',
            text: this.getHoverInfo(),
            hoverInfo: 'text'
        }];

我没有传递两组数据对象。 我在单个数据对象中添加条件以分配不同的颜色。 是否可以自定义图例，以使即使我仅传递了一个名称对象，每种颜色的图例都有不同的图例？ 我可以在名称中传递字符串数组吗？