null値の色を設定するplotly.js

私はplotly javascriptで欠損値のカスタム色を設定したいのですが、どうやって解決できないのでしょうか。null値の色を設定するplotly.js

次の例では、欠損値は、colorプロパティに指定された配列のnullで表されます。

<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>

出典

2017-10-26 gdkrmr

私は理解していない - あなたが参照しているか欠損値を？彼らが行方不明の場合、彼らはプロットされません - あなたはどのように絵にないものに色をつけますか？ –

の 'null'値は、色のスケールの一部ではない色を持つ必要があり、この値を指定できるようにしたいと考えています。 – gdkrmr

'run code snippet'ボタンは私のためには機能しません。 – gdkrmr

私が正しく理解していれば、あなたは#ff0000から#00ff00に定義された色規模から抜け出すしたいですか？ marker.color -arrayで

、あなたはまた、色を定義する任意の方法を含むことができ、文字列、指定することができます：進表記、名前、RGB、...

をだから、これは何の線に沿ってでなければなりませんあなたが探している：

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

出典

2017-10-26 14:56:47

それが機能する、私はそこにもっとエレガントな解決策があることを望んだ。カラースケールで '[null、 '＃0000ff']'を設定するか、マーカー：{'missing.color'： '＃0000ff'} 'を設定するのと同じです。ありがとう！ – gdkrmr

null値の色を設定するplotly.js

答えて

関連する問題