Javascript 在Plotly.js中的条之间放置记号标记

在Plotly.js中是否可以在条之间放置记号？在这里，我想用记号来表示连续分布中的切点，用条形图来表示间隔内的计数。另一种方法是将轴标签设置为范围，例如“5-，因此我检查了plotly文档，请检查可用的文档

我们在

条形图

图表对象下有一个名为的属性

偏移量（数字或数字数组）
移动绘制杆的位置（以位置轴单位）。 在“组”模式下，设置“偏移”的记录道将被排除，并且 而是以“覆盖”模式绘制

当我将属性设置为

0.1

时，我得到了预期的结果。请检查下面的示例，并让我知道这是否解决了您的问题

var图表={
数据：[
{
行键：“当前”，
名称：“当前”，
x:[“0.1”、“0.5”、“1”、“2”、“5”、“10”、“25”、“50”、“100”、“250”、“500”]，
偏移量：0.1，
y:[
0.006369426751592357,
0.012738853503184714,
0.03821656050955414,
0.03184713375796178,
0.10828025477707007,
0.24203821656050956,
0.2229299363057325,
0.20382165605095542,
0.12101910828025478,
0.006369426751592357,
0.006369426751592357
],
价值观：[
0.006369426751592357,
0.012738853503184714,
0.03821656050955414,
0.03184713375796178,
0.10828025477707007,
0.24203821656050956,
0.2229299363057325,
0.20382165605095542,
0.12101910828025478,
0.006369426751592357,
0.006369426751592357
],
正文：[
"1%",
"1%",
"4%",
"3%",
"11%",
"24%",
"22%",
"20%",
"12%",
"1%",
"1%"
],
标签：[
"0.1",
"0.5",
"1",
"2",
"5",
"10",
"25",
"50",
"100",
"250",
"500"
],
输入：“酒吧”，
hoverinfo:“x+y”，
text位置：“自动”，
方向：“v”，
模式：“行+标记”，
标记：{color:null，colors:null}，
uid:“2cf1e3”
}
],
布局：{
配色：[
“#3399CC”，
“#99BB66”，
“#2266AA”，
“#FFCC00”，
"#888888",
“#FFAA00”，
"#800080"
],
颜色：“紫色”，
plotlyType:“条”，
输入：“酒吧”，
方向：“v”，
barmode:“”，
showlegend:false，
dataValues:true，
系列：{hoverinfo:“x+y”}，
图例：{
方向：“v”，
yanchor：“底部”，
xanchor：“对”，
跟踪顺序：“正常”
},
标题字体：{size:12}，
边距：{l:80，r:10，t:140，b:80}，
xaxis：{
角度：0，
勾选字体：{size:12}，
标题字体：{尺寸：12，重量：700}，
类型：“类别”，
标题：“场景”，
范围：[-0.5,10.5]，
滴答声：“外面”，
自动范围：对
},
亚克斯：{
标题：“，
类型：“线性”，
勾选格式：“.0%”，
悬停格式：“.0%”，
范围：[0,0.254777707006369427]，
自动范围：对
},
A:错，
总的来说：错，
宽度：500，
身高：360，
传奇：没错，
反向：{}，
标题：{}，
SwapCategoryandLedgend:false
},
选项：{
displayModeBar:false，
modeBarButtonsToRemove:[“发送数据到云”，“悬停比较Cartesian”]
}
};
Plotly.newPlot（“myDiv”，图表）；

/*JAVASCRIPT代码在这里*/

这太完美了！@prototype很高兴知道！：）

var chart = {
  data: [
    {
      rowKey: "current",
      name: "current",
      x: ["0.1", "0.5", "1", "2", "5", "10", "25", "50", "100", "250", "500"],
      y: [
        0.006369426751592357,
        0.012738853503184714,
        0.03821656050955414,
        0.03184713375796178,
        0.10828025477707007,
        0.24203821656050956,
        0.2229299363057325,
        0.20382165605095542,
        0.12101910828025478,
        0.006369426751592357,
        0.006369426751592357
      ],
      values: [
        0.006369426751592357,
        0.012738853503184714,
        0.03821656050955414,
        0.03184713375796178,
        0.10828025477707007,
        0.24203821656050956,
        0.2229299363057325,
        0.20382165605095542,
        0.12101910828025478,
        0.006369426751592357,
        0.006369426751592357
      ],
      text: [
        "1%",
        "1%",
        "4%",
        "3%",
        "11%",
        "24%",
        "22%",
        "20%",
        "12%",
        "1%",
        "1%"
      ],
      labels: [
        "0.1",
        "0.5",
        "1",
        "2",
        "5",
        "10",
        "25",
        "50",
        "100",
        "250",
        "500"
      ],
      type: "bar",
      hoverinfo: "x+y",
      textposition: "auto",
      orientation: "v",
      mode: "lines+markers",
      marker: { color: null, colors: null },
      uid: "2cf1e3"
    }
  ],
  layout: {

    type: "bar",
    orientation: "v",
    barmode: "",
    showlegend: false,
    dataValues: true,
    series: { hoverinfo: "x+y" },
    legend: {
      orientation: "v",
      yanchor: "bottom",
      xanchor: "right",
      traceorder: "normal"
    },
    titlefont: { size: 12 },
    margin: { l: 80, r: 10, t: 140, b: 80 },
    xaxis: {
      tickangle: 0,
      tickfont: { size: 12 },
      titlefont: { size: 12, weight: 700 },
      type: "category",
      title: "scenario",
      range: [-0.5, 10.5],
      autorange: true
    },
    yaxis: {
      title: "",
      type: "linear",
      tickformat: ".0%",
      hoverformat: ".0%",
      range: [0, 0.25477707006369427],
      autorange: true
    },
    width: 500,
    height: 360,

  },
  options: {
    displayModeBar: false,
    modeBarButtonsToRemove: ["sendDataToCloud", "hoverCompareCartesian"]
  }
};
Plotly.newPlot("myDiv", chart);