时间戳

首页 > 解决方案 > Highcharts 图例位置与工具提示位置相同或使工具提示在隐藏系列后仍然可见

javascript - Highcharts 图例位置与工具提示位置相同或使工具提示在隐藏系列后仍然可见

问题描述

如何将图例的位置完全设置为工具提示位置？原始演示https://www.highcharts.com/demo/stock/stock-tools-gui中的工具提示位置位于每个系列的 yaxis 的左上角。而且这个位置是在添加一些指标或改变y轴高度后动态的。

可能的方法是将系列名称直接放入工具提示格式化程序功能，但在这种情况下，我有一个问题是设置系列名称仍然可见......因为工具提示是显示系列点可见性的基础。

标签： javascriptcsshighcharts

解决方案

API 提供的标准选项是否不符合您的要求？您可以从那里随意设置此图例：https ://api.highcharts.com/highcharts/legend

 legend: {
   layout: 'vertical',
   align: 'right',
   verticalAlign: 'middle',
   itemMarginTop: 10,
   itemMarginBottom: 10
 },

演示：http: //jsfiddle.net/BlackLabel/hb7ncd5a/

推荐阅读