AAChartKit-Swift-Pro icon indicating copy to clipboard operation
AAChartKit-Swift-Pro copied to clipboard

xrange类型图表可以自定义x轴坐标和tooltip内容吗?

Open LoseRecall opened this issue 1 year ago • 5 comments

tooltip显示起始时间,x轴有对应时间坐标,可以实现吗?大佬!

LoseRecall avatar May 15 '24 03:05 LoseRecall

有设计稿吗?

AAChartModel avatar May 15 '24 03:05 AAChartModel

类似这种 企业微信20240515-113245@2x

LoseRecall avatar May 15 '24 03:05 LoseRecall

参考:

  • https://www.highcharts.com/forum/viewtopic.php?t=44150

将参考链接里的这个在线示例, 其中 tooltipformatter 改成下面这样:

formatter: function () {
    var start = Highcharts.dateFormat('%H:%M', this.point.x);
    var end = Highcharts.dateFormat('%H:%M', this.point.x2);
    var duration = (this.point.x2 - this.point.x) / (1000 * 60); // Calculate duration in minutes
    var tooltipTitle = '<b>浅睡 <span style="font-weight:bold;font-size:22px;">' + duration + '</span> 分钟</b>';
    return tooltipTitle + '<br/>' + start + ' - ' + end;
}

运行后, tooltip 出来的内容格式效果, 参照你的设计稿, 就算是比较接近了.

截屏2024-05-15 14 14 56

AAChartModel avatar May 15 '24 06:05 AAChartModel

另外, 参考这个相关提问:

  • https://github.com/AAChartModel/AAChartKit-Swift/issues/372

你甚至可以直接通过 iOS 的原生代码, 自己绘制 crosshair 准星线tooltip 浮动提示框.

如果你的自定义效果比较特殊复杂的话, 可以使用这个方法. 简单一点的话, 上面的那种方法就基本满足需求了.

AAChartModel avatar May 15 '24 06:05 AAChartModel

另外参考相关问题:

  • https://github.com/AAChartModel/AAChartKit/issues/1033

AAChartModel avatar May 15 '24 06:05 AAChartModel