Question

我创建了一个有点不寻常的Highcharts。它将两个系列放在同一个区域中，但不是它们而是＃34;排队＆＃34;并且共享整个绘图区域，series0使用区域的左侧，series1使用右侧。除了两个（相关的）事情之外，一切都很好：我无法获得工具提示或数据标签来显示页面右侧的series1数据。在这里完全猜测，但是我猜这个系列没有被分享，因为他们没有排成一列。

我在过去的一天里尝试过各种各样的事情并完全没有想法。希望一双新鲜的眼睛可能会发现可行的东西。随身携带是您观赏乐趣的小提琴......

https://jsfiddle.net/wk0uh72o/

<link>{{ site.url }}{{ post.url }}</link>
<pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S EST" }}</pubDate>

Answer 1

我没时间写更长的答案。但是，共享工具提示不适用于无序数据（饼图，散点图，标记）。见http://api.highcharts.com/highcharts#tooltip.shared

您可以使用lineWidth为0的线系列模拟散点图系列。您还必须修改mouseOver事件，以便在悬停时不增加lineWidth。

Answer 2

只需删除顶层的工具提示即可。但是分别在每个系列中设置它。

series: [{
  name: 'ADA',
  dataLabels: {
    enabled: true,
    align: 'right',
    color: '#FFFFFF',
    x: -10
  },
  yAxis: 0,
  tooltip: {
    pointFormat: 'First {point.y}'
  }
}, {
  type: 'scatter',
  name: 'PY Variance',
  dataLabels: {
    enabled: true,
    align: 'center',
    color: '#000000',
    x: -10
  },
  yAxis: 1,
  tooltip: {
    pointFormat: 'Second {point.y}'
  }
}],

请参阅我更新的fiddle。

Highcharts - 如何部署数据标签＆amp;第二个数据系列的工具提示

2 个答案: