首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角7高图表股票图表日期时间X轴工具提示格式独立于其他工具提示

角7高图表股票图表日期时间X轴工具提示格式独立于其他工具提示
EN

Stack Overflow用户
提问于 2020-10-05 16:28:30
回答 1查看 590关注 0票数 0

我工作的高图表的角度7,并希望格式化的日期只是x轴工具提示,我想让其他人完全不。

我能够在x轴工具提示中获得我想要的格式,但它也破坏了另外两个。我在y轴中有两个系列,以及我们在插入该系列时格式化的系列,但我几乎没有看到任何文档。格式化其中一个而打破其他问题的解决方案是从这个问题:

SO Quesrtion with Datetime Tooltip formatting.

所以我做了这样的格式化:

代码语言:javascript
运行
复制
tooltip:{
  enabled: true,
  split: true,
  formatter: function() {return [moment(this.x).format('MMDDYY HH:00-HH:59')].concat(...other tooltips)
}

我想要做的,似乎是不可能的,就是以这样的方式格式化x轴工具提示,但是没有看到这个方法的结果:

代码语言:javascript
运行
复制
xAxis: {
  type: 'datetime',
  tooltip: {
    enabled: true,
    formatter: function() {
      return moment(this.value).format('MMDDYY HH:00-HH:59');
    }
  }
}

真正的诀窍是,我如何获得格式的只是x轴?而只有x轴,因为我们已经有我们想要的格式,在本系列的y轴工具提示?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-06 07:06:34

它不起作用,因为没有像xAxis.tooltip这样的东西。只有一个工具提示,您可以使用tooltip.formatter修改它。tooltip.formatter将返回的字符串将成为工具提示内容,因此您可以在那里影响x值。

代码语言:javascript
运行
复制
chartOptions: Highcharts.Options = {
...

   tooltip: {
      formatter() {
         return `xAxis value: ${moment(this.x).format('MM.DD.YY HH:00-HH:59')}, 
         yAxis value: ${this.y}`
      },
   },
}

API引用:

https://api.highcharts.com/highcharts/tooltip.formatter

现场演示:

https://stackblitz.com/edit/highcharts-angular-basic-line-frbdhg

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64212615

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档