plotly.jsでダニのためのバニララベル（フォーマットなし）を提供する方法

Question

x軸の値が100,000の範囲にあるplotly.jsを使用して簡単な折れ線グラフを作成しようとしています。

次のようにデータを表示するには、私が使用していレイアウトは次のとおりです。

var layout = { 
     xaxis:{ 
      title:"Numbers", 
      tickangle:45, 
      rangemode:'nonnegative', 
      autorange:true, 
      exponentformat: "none" 
     }, 
     yaxis:{ 
      title: "Count of events", 
      tickangle:45, 
      rangemode:'nonnegative', 
      autorange:true 
     } 
    }; 

そして、私は次のようにこのレイアウトを使ってグラフをプロットしています：

Plotly.newPlot('myDiv',[sample_data],layout); 

以前の目盛りラベルがされていました200k、205kなどで表示されます。 "exponentformat"を "none"に設定すると、ラベルは205,000または200,000として表示されます。

ここでは「、」は欲しくないです。実際には、書式設定がない場合には最適です。どのように私がこれを行うことができるかに関するどんな助けも私は非常にプロットとJSに新しいですように感謝されます。

Answer 1

ラベルが変更されていないことを確認するPlotlyのパラメータは認識していません。 少なくとも、カスタムフォーマットを上書きして,を削除するのは非常に簡単です。クラスxtickを探してすべてのティックを見つけ、テキストを変更します。

var data = [{ 
 
    x: [0, 10000, 100000], 
 
    y: [1, 2, 3], 
 
    type: 'scatter' 
 
}]; 
 
var layout = { 
 
    xaxis: { 
 
     type: 'linear', 
 
     exponentformat: 'none' 
 
    } 
 
}; 
 
Plotly.newPlot('myDiv', data, layout); 
 

 
var g_ticks = Plotly.d3.selectAll('g.xtick'); 
 
for (var i = 0; i < g_ticks[0].length; i += 1) { 
 
    g_ticks[0][i].childNodes[0].innerHTML = g_ticks[0][i].childNodes[0].innerHTML.replace(',', '') 
 
}

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
<div id='myDiv'></div>