Как отображать имена трасс, отличные от указанных в легенде, если я наведусь на Plotly? - PullRequest
Новая
       59

Как отображать имена трасс, отличные от указанных в легенде, если я наведусь на Plotly?

1 голос
/ 11 декабря 2019

Как я могу отображать имена трасс, отличные от указанных в легенде, если навести на них курсор?

В настоящее время я запускаю свою конфигурацию так: 

  ...
  const chart_entry = {
    x: x,
    y: y,
    type: 'scatter',
    name: legendName
  };
  this.graph.data.push(chart_entry);
  ...

Таким образом, однако,и в легенде, и при наведении курсора на строку обращается одно и то же имя из легенды (переменная legendName).

Но я хочу, чтобы при наведении указывалось индивидуальное имя.

Возможно ли это?

1 Ответ

2 голосов
/ 11 декабря 2019

Используйте параметр hovertemplate: https://plot.ly/javascript/reference/#scatter-hovertemplate

var trace1 = {
  x: [1, 2, 3, 4],
  y: [10, 15, 13, 17],
  type: 'scatter',
  name: 'legend name 1',
  hovertemplate: '%{y}<extra>hover name 1</extra>'
};

var trace2 = {
  x: [1, 2, 3, 4],
  y: [16, 5, 11, 9],
  type: 'scatter',
  name: 'legend name 2',
  hovertemplate: '%{y}<extra>hover name 2</extra>'
};

var data = [trace1, trace2];

Plotly.newPlot('myDiv', data, {}, {});
<head>
  <!-- Plotly.js -->
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>

<body>
  
  <div id="myDiv"></div>

</body>
...