Javascript 为什么不'；t x轴值在此plotly js图表上正确标注？

据我所知，我的图表与官方文档中的条形图非常接近：

var data = [ { "type": "bar", "x": [ "<=1", "2", "3", "4", "5", "6 - 10", "11 - 20", "21+" ], "y": [ 0, 0, 0, 0, 1, 0, 0, 30 ], "textposition": "auto", "hoverinfo": "x+y", "marker": { "color": "#B5C6D6" } } ];

Plotly.newPlot('myDiv', data);

---

var data=[{“type”：“bar”，“x”：[“您需要指定x轴是分类的。您可以通过创建一个
layout
对象并将其传递到
newPlot（）
函数：

var layout = {
  xaxis: {
    type: 'category',
  },
};

Plotly.newPlot('myDiv', data, layout);

使用代码的示例：


var数据=[{
“类型”：“条”，
“x”：[“您需要指定您的x轴是分类的。您可以通过创建一个
layout
对象并将其传递到
newPlot（）
函数：

var layout = {
  xaxis: {
    type: 'category',
  },
};

Plotly.newPlot('myDiv', data, layout);

使用代码的示例：


var数据=[{
“类型”：“条”，
“x”：[”