我正在使用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'
}];
我没有传递两组数据对象。我在单个数据对象中添加条件以分配不同的颜色。 是否可以自定义图例,以使即使我仅传递了一个名称对象,每种颜色的图例都有不同的图例?我可以在名称中传递一个字符串数组吗?