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

时间:2017-09-19 23:33:38

标签: bar-chart plotly labels

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

的值

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

我希望这很清楚。感谢

这是jsfiddle。

https://jsfiddle.net/aj5qepv3/

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);

1 个答案:

答案 0 :(得分:0)

这对你有帮助吗?

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>