Javascript 如何在不同位置定位热图图例标题?
我有一张热图,右边有一个图例比例,上面有标签。我想知道是否可以将标签“MMF共享类的数量””移动到图例刻度下方与左侧y轴标签相同的垂直位置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}` } }, 间隔时
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);
}