如何爲plotly.js中的蜱提供香草標籤（沒有任何格式）

Question

我想使用plotly.js創建一個簡單的線圖，其中x軸的值在100,000的範圍內。

要顯示的數據，我現在用的佈局如下：

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>