使用Plotly.js自定义垂直线

Question

我的要求是使用Plotly.js在X轴的某些日期绘制垂直线。我是新手，我设法找到了一个使用“形状”选项绘制垂直线的选项。

shapes: [{
  type: 'line',
  x0: '2000-01-11',
  y0: 0,
  x1: '2000-01-11',
  y1: 7,
  line: {
    color: 'grey',
    width: 1.5,
    dash: 'dot'
  }
}]

但是我面临的主要困难是绘制垂直线时如何定义Y轴值，因为Y轴比例会根据数据而有所不同。我希望它是动态的像y0：0; y1：d3中的（height-margin.top-margin.bottom），我们用来画一条垂直线。

请帮助，代码在这里 http://codepen.io/anon/pen/VpwWmV?editors=0010#0

Answer 1

有几种可能对您有用：

• 用于yref: paper独立于y轴刻度（所有值均标准化为0到1之间）

• 始终吸引max即时反应。miny值

  y1: Math.min(...trace1.y),
  

• 取相应x值的y值

  y1: trace1.y[trace1.x.indexOf('2000-01-02')],
  

这三种方式都在下面实现。

y1: Math.min(...trace1.y),

y1: trace1.y[trace1.x.indexOf('2000-01-02')],