javascript - 使用plotly.js 对单个数据进行多个Y 轴图例

Question

我愿意使用plotly js 在图形上显示两个图例(相对和绝对比例)。为此，我可以使用这段代码:

var trace1 = {
  x: [1, 2, 3],
  y: [40, 50, 60],
  name: 'absolute',
  type: 'scatter'
};

var trace2 = {
  x: [1, 2, 3],
  y: [4, 5, 6],
  name: 'relative',
  yaxis: 'y2',
  type: 'scatter'
};

var data = [trace1, trace2];

var layout = {
  title: 'Double Y Axis',
  yaxis: {title: 'absolute'},
  yaxis2: {
    title: 'relative',
    overlaying: 'y',
    side: 'right'
  }
};

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

但它基本上绘制了两次同一条线，这是我不想要的。在我的图表右侧添加比例+图例是一种更便宜的方法吗？

Answer 1

不是 plotly 。 然而，使用增强的图表库(例如 ngx-charts)可能会解决您的问题