Javascript 如何在不同位置定位热图图例标题?

Javascript 如何在不同位置定位热图图例标题?,javascript,jquery,highcharts,heatmap,Javascript,Jquery,Highcharts,Heatmap,我有一张热图,右边有一个图例比例,上面有标签。我想知道是否可以将标签“MMF共享类的数量””移动到图例刻度下方与左侧y轴标签相同的垂直位置 xAxis:{ //类别:这个值, 标题:{ 文本:“日期” }, 标签:{ 自动旋转:[-10], 格式化程序:函数(){ var dt=xcats[该值]; var日期=新日期(dt); var month=date.getUTCMonth()+1; var year=date.getUTCFullYear() 返回`${year}` } }, 间隔时

我有一张热图,右边有一个图例比例,上面有标签。我想知道是否可以将标签“MMF共享类的数量””移动到图例刻度下方与左侧y轴标签相同的垂直位置

xAxis:{
//类别:这个值,
标题:{
文本:“日期”
},
标签:{
自动旋转:[-10],
格式化程序:函数(){
var dt=xcats[该值];
var日期=新日期(dt);
var month=date.getUTCMonth()+1;
var year=date.getUTCFullYear()
返回`${year}`
}
},
间隔时间:45
},
亚克斯:{
标题:{
正文:“价格($)”
},
标签:{
格式化程序:函数(){
返回“$${(this.value/10000).toFixed(4)}”;
}
},
最小:ymin*10000,
最大值:ymax*10000,
绘图线:[{
价值:10000,
颜色:“暗色”,
短跑风格:“短跑”,
宽度:0.2,
zIndex:5
}]
},
工具提示:{
pointFormatter:函数(){
返回“每股资产净值:${(this.y/10000)}

日期:${xcats[this.x]}
共享类的数量:${this.value}` } }, 图例:{ 标题:{ 文本:“MMF共享类的数量”, 风格:{ fontWeight:“正常” } }, 对齐:“右”, y:80, 填充:20, 垂直排列:'中间', 符号高度:300 }, 颜色轴:[{ 类型:'线性', 相反:错, 布局:“垂直”, 停止:[ [0,#c8daf9'],[1.0,#537dca'] ] }],
一个选项可以是使用张贴在以下位置的代码:

引述:

Highcharts没有为图例标题提供此选项。你可以 通过在回调函数中翻译标题来实现您的目标:


我已将您的代码修改如下:

例如:

legend: {
  title: {
    text: 'number of<br/>MMF share classes',
    style: {
      fontWeight: 'normal'
    }
  },
  align: 'right',
  //y: 80, // <- comment this line.
  padding: 20,
  verticalAlign: 'middle',
  symbolHeight: 300
},

这是地址。

谢谢马可的帮助,非常感谢。@Shaun欢迎你。我很乐意帮忙。
function (chart) {
        var title = chart.legend.title;
        title.translate(x, y);
}
legend: {
  title: {
    text: 'number of<br/>MMF share classes',
    style: {
      fontWeight: 'normal'
    }
  },
  align: 'right',
  //y: 80, // <- comment this line.
  padding: 20,
  verticalAlign: 'middle',
  symbolHeight: 300
},
// After the "highcharts" settings, add: 
, function(chart) {
    var title = chart.legend.title;
    title.translate(0, 370);
  }