如何为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>