Javascript Plotly.js:隐藏热图轴和图例

Javascript Plotly.js:隐藏热图轴和图例,javascript,plotly,heatmap,Javascript,Plotly,Heatmap,使用Plotly js for heatmap,如何删除x轴、y轴和图例?下面是我的代码 只需通过转到查找显示/隐藏元素的相应属性即可。以下属性是您需要的 -隐藏/显示图例 -隐藏/显示X轴 -隐藏/显示Y轴 下面是代码,布局属性已更改以满足您的要求 var data = [ { z: z, type: 'heatmap', colorscale : [[0, 'rgb(0,0,255)']], opacity: 1 } ]; Plotly.plot('myDiv',

使用Plotly js for heatmap,如何删除x轴、y轴和图例?下面是我的代码


只需通过转到查找
显示/隐藏
元素的相应属性即可。以下属性是您需要的

  • -隐藏/显示图例

  • -隐藏/显示X轴

  • -隐藏/显示Y轴

下面是代码,布局属性已更改以满足您的要求

var data = [
{
  z: z,
  type: 'heatmap',
  colorscale : [[0, 'rgb(0,0,255)']],
  opacity: 1

}
];


Plotly.plot('myDiv', data,  {
showlegend: false,
xaxis: {visible: false},
yaxis: {visible: false},
images: [
    {
      "source": "../images/img.png",
      "xref": "x",
      "yref": "y",
      "x": -1,
      "y": 50,
      "sizex": 51,
      "sizey": 51,
      "sizing": "stretch",
      "opacity": 1,
      "layer": "above"
    }
  ]

})

你试过什么吗?
var data = [
{
  z: z,
  type: 'heatmap',
  colorscale : [[0, 'rgb(0,0,255)']],
  opacity: 1

}
];


Plotly.plot('myDiv', data,  {
showlegend: false,
xaxis: {visible: false},
yaxis: {visible: false},
images: [
    {
      "source": "../images/img.png",
      "xref": "x",
      "yref": "y",
      "x": -1,
      "y": 50,
      "sizex": 51,
      "sizey": 51,
      "sizing": "stretch",
      "opacity": 1,
      "layer": "above"
    }
  ]

})