I made a small example demonstrating how the resulting js needs to look like (demonstrating both, the {x,y}gap and the {hover,}text parameter:
Plotly.newPlot("TCNx0eInClUJYtdkzJ1A", {
"data": [
{
"xgap": 2,
"ygap": 1,
"type": "heatmap",
"hoverinfo": "text",
"text": [
[
"a",
"b",
"c",
"d",
],
[
"e",
"f",
"g",
"h"
]
],
"x": [
0.0,
1.0,
2.0,
3.0,
],
"y": [
"abcd",
"efgh"
],
"z": [
[
0.0,
1.0,
2.0,
3.0,
],
[
0.0,
2.0,
1.0,
2.0,
]
]
}
],
});<script src="https://cdn.plot.ly/plotly-3.3.1.min.js"></script>
<body>
<div id="TCNx0eInClUJYtdkzJ1A" class="plotly-graph-div" style="height:100%; width:100%;"></div>
</body>
Originally posted by @atticus-sullivan in #383