【问题标题】:Tooltip to display middle points in a series in highcharts在高图中显示系列中点的工具提示
【发布时间】:2013-10-21 05:50:22
【问题描述】:

我在一个系列下有一系列点,我希望工具提示显示该系列中的所有点,但我的工具提示显示所选的顶部和底部点,并且不通过工具提示显示剩余的点。如何解决这个问题?

http://jsfiddle.net/#&togetherjs=7IfUNtFkAE

在上面的小提琴中,我有工具提示显示苹果系列的顶部和底部点的值,悬停在小提琴上。当我将鼠标悬停在它们上时,我将如何使其中点也显示?

【问题讨论】:

  • 简化的“悬停”测试用例:jsfiddle.net/X5ztKapple 系列中的某些点无法突出显示/选择。
  • user2844540 的 jsFiddle 对我不起作用。 @Ivan Chau 的示例:Highcharts 要求特定 x 加一分。
  • @Paweł Fus 这是什么意思? x 和 y 是在数据中定义的,但没有预先排序。
  • 这样的数据:[[0, 1], [0, 3], [0, 13]](三个点有 x=0)不适合 Highcharts。

标签: highcharts tooltip


【解决方案1】:

  • 关于 highcharts 使用问题的原始小提琴

    • 在使用 HTML 格式时为工具提示添加 useHTML

    • shared 不是必需的,因此格式化程序的返回语句被相应地修改。

      tooltip: {
          useHTML: true,
          formatter: function () {
              return '<b>' + this.x + '</b><br/>' + 'fruit_id' + ': ' + this.point.fruit_id + '<br/>' + 'Values' + ': ' + this.point.y + '<br/>' + 'Mean' + ': ' + this.point.mean + '<br/>' + 'Median' + ': ' + this.point.median + '<br/>' + 'Min' + ': ' + this.point.min + '<br/>' + 'Max' + ': ' + this.point.max + '<br/>'
          }
      }
      

  • 原始代码包含Javascript问题(与highcharts无关)

    该系列在循环内错误地添加了数据。

    将这段代码放在“for循环”之外。

    series.push({
        data: data,
        type: 'line',
        color: '#000',
        marker: {
            symbol: 'circle'
        },
        showInLegend: false
    });
    

【讨论】:

  • :它仍然无法正常工作:(。您发送的上述小提琴。还有其他建议吗?
  • 基本思想是使用散点图。我正在尝试制作一个几乎可以运行的演示。
  • 谢谢 ivan。问题是我不想像您在系列中所做的那样进行硬编码。我想使用一个最初具有硬编码值的数组,然后在系列中使用它。
  • 根据您的需要:jsfiddle.net/S8wzF/2 并且您应该将您的原始版本的小提琴发布到您的帖子中以造福他人。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-12-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多