正在尝试反转 plotly.js 条形图上的工具提示

Question

我是 plotly.js 的新手。我颠倒了条形图中的条形，但标签目前停留在同一个地方。我想替换

我想要的是jsfiddle中的标签。我希望 y 标签显示在标签的左侧，而不是当前位置的右侧标签，我还想使用工具提示在栏的另一侧显示 x 标签。

我希望这是清楚的。谢谢

这是 jsfiddle。

var data = [{
  type: 'bar',
  x: [20, 14, 23],
  y: ['giraffes', 'orangutans', 'monkeys'],
  orientation: 'h'
}];

var layout = {
    xaxis:{
        autorange:'reversed'
    },
    yaxis:{
      side:'right'
    }
}

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

Answer 1

这对你有帮助吗？

var data = [{
  type: 'bar',
  x: [20, 14, 23],
  y: ['giraffes', 'orangutans', 'monkeys'],
  orientation: 'h'
}];

var layout = {
    xaxis:{
     autorange:'reversed'
    },
    yaxis:{
      side:'left'
    },
    xaxis:{
      side:'top'
    }
}

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

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="https://d14fo0winaifog.cloudfront.net/plotly-basic.js"></script>
<div id="tester" style="width:600px;height:250px;"></div>

正在尝试反转 plotly.js 条形图上的工具提示

Attempting to reverse tooltips on plotly.js bar chart

bar-chart

plotly

labels