AAChartCore icon indicating copy to clipboard operation
AAChartCore copied to clipboard

tooltip 浮动提示框的显示效果

Open XIAOPOPO opened this issue 5 years ago • 7 comments

您好,当前的浮动提示框无法满足我的业务需要。 您的轮子是否可以自定义提示框的布局,我看到是能通过js的方式修改的,但是看上去还是一个模板的样子。我想要的效果是:比如有两条折线 点击某个横坐标时,可以出现两行描述信息,这个描述信息是可以自己拼接的 第三行显示他们的差值。 请大佬提供一个思路...感谢感谢

XIAOPOPO avatar May 27 '20 01:05 XIAOPOPO

你给个设计稿看看,我看看能不能搞定,看你的需求描述,应该问题不大

AAChartModel avatar May 27 '20 07:05 AAChartModel

如图 您好,需求大部分实现了。但是现在存在一个问题:就是当两条线其中一条Y坐标为空时,我想要的是tooltip依然显示两条,y坐标为空的那个提示待报价。现在的情况是移动到只有一个y坐标的地方无法显示提示框了。

"function () {\n" +
"var s = '' + '<b>' +  this.x + '</b>' + '' + '<br/>';\n" +
"var colorDot1 = '<span style=\\\"' + 'color:#AA0606; font-size:13px\\\"' + '>◉</span> ';\n" +
"var colorDot2 = '<span style=\\\"' + 'color:#2C4755; font-size:13px\\\"' + '>◉</span> ';\n" +
"var s1 = colorDot1  + this.points[0].y + this.points[0].series.name + '<br/>';\n" +
"var s2 = colorDot2  + this.points[1].y + this.points[1].series.name + '<br/>';\n" +
"if (this.points[1].y === '') {\n" +
"var s1 = colorDot1  + '无报价' + this.points[0].series.name + '<br/>';\n" +
"    }\n" +
"var s3 = '价差:' + Math.abs(this.points[1].y - this.points[0].y) + this.points[0].series.name.split('-')[0];\n" +
"s += s1 + s2 + s3;\n" +
"return s;\n" +
"    }"

这是我的js字符串。

XIAOPOPO avatar May 28 '20 03:05 XIAOPOPO

20200528_111142 不自定义的时候,另外那根线的Y坐标为null时 也可以显示tooltip 想实现的是两根线横坐标对应的y都存在正常显示,如果其中一根y坐标是null还是提示两条信息

XIAOPOPO avatar May 28 '20 03:05 XIAOPOPO

你好,请问下你下面这个可拖拽的轴是咋实现的? image

BestDreams avatar Nov 28 '23 09:11 BestDreams

你好,请问下你下面这个可拖拽的轴是咋实现的?

参考:

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

AAChartModel avatar Nov 28 '23 09:11 AAChartModel

好的,谢谢,请问下有Android版本的demo吗

BestDreams avatar Nov 28 '23 09:11 BestDreams

请问下有Android版本的demo吗

这个没有.

AAChartModel avatar Nov 28 '23 09:11 AAChartModel