Question

我想为plotly javascript中的缺失值设置自定义颜色，但无法弄清楚如何。

在以下示例中，缺少值由null属性的数组中的color表示。

<script src="https://cdn.plot.ly/plotly-latest.js" ></script>
<div id="myDiv" style="width:100%;height:100%" ></div>
<script>
    var color_scale = [[0, "#ff0000"], [1, "#00ff00"]];
    var trace = {
        x: [1, 2, 3, 4],
        y: [10, 15, 13, 17],
        marker: {
            color: [1, 2, 3, null],
            colorscale: color_scale
        },
        mode: 'markers',
        type: 'scatter'
    };

    var data = [trace];

    Plotly.newPlot('myDiv', data);
</script>

Answer 1

如果我理解正确，您希望突破从#ff0000到#00ff00定义的颜色范围？

在marker.color - 数组中，您还可以指定字符串，它可以包含任何定义颜色的方式：hex-notation，name，rgb，...

所以这应该与你想要的一致：

color: [1,2,3,'#0000ff'],

设置null值plotly.js的颜色

1 个答案: