Javascript-Plotly.js按顺序编号频率

我有一个plot.ly，它输入一个数字和数字来查看频率的数量。比如说，输入111222333和数字1,2,3。它将显示每个数字重复的条形图。除了一个细节外，一切似乎都正常，每当我添加随机数时，图形都不会按顺序显示

下面是我的JS代码：

function plotIt() {
event.preventDefault();
var entireNumber = document.getElementById('fullNumber').value.split("");
var number = document.getElementById('digit').value.split("");
var matchedNumbers = [];

entireNumber.forEach(digit => {
if (number.includes(digit)) {
  matchedNumbers.push(digit);
}
});

var layout = {
categoryorder: 'category ascending',
xaxis: {
  type: 'category',
  title: 'Values',
},
yaxis: {
  title: '# of repetitions'
},
title:'Count'
};

var histElements = {
x: matchedNumbers,
type: 'histogram',
marker: {
  color: 'rgba(235, 77, 75,1.0);',
  },
};

var data = [histElements];
//Using ID for div to plot the graph
Plotly.newPlot('graph', data, layout,{scrollZoom:true});

}

---

您正在使用

layout

中的

categoryorder:“类别升序”

，它在Plotly中的直方图中不存在。截至2018年7月，您无法对直方图中的分类数据进行排序。但在将数组传递给Plotly之前，只需对数组进行排序就可以了

函数plotIt（）{
var entireNumber=document.getElementById（'fullNumber'）.value.split（“”）；
var number=document.getElementById（'digit'）.value.split（“”）；
number.sort（）；
var matchedNumbers=[]；
entireNumber.forEach（数字=>{
if（包括数字）{
匹配的数字。按（数字）；
}
});
matchedNumber.sort（）；
变量布局={
xaxis：{
类型：'类别'，
标题：“价值观”，
}
};
变量histElements={
x:匹配的数字，
类型：“直方图”
};
var数据=[histElements]；
Plotly.newPlot（‘图形’、数据、布局）；
}
var button=document.getElementById（'button'）；
addEventListener（“单击”，plotIt（），false）

策划我！