AAChartCore
AAChartCore copied to clipboard
tooltip 浮动提示框的显示效果
您好,当前的浮动提示框无法满足我的业务需要。 您的轮子是否可以自定义提示框的布局,我看到是能通过js的方式修改的,但是看上去还是一个模板的样子。我想要的效果是:比如有两条折线 点击某个横坐标时,可以出现两行描述信息,这个描述信息是可以自己拼接的 第三行显示他们的差值。 请大佬提供一个思路...感谢感谢
你给个设计稿看看,我看看能不能搞定,看你的需求描述,应该问题不大
如图 您好,需求大部分实现了。但是现在存在一个问题:就是当两条线其中一条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字符串。
不自定义的时候,另外那根线的Y坐标为null时 也可以显示tooltip 想实现的是两根线横坐标对应的y都存在正常显示,如果其中一根y坐标是null还是提示两条信息
你好,请问下你下面这个可拖拽的轴是咋实现的?
你好,请问下你下面这个可拖拽的轴是咋实现的?
参考:
- https://github.com/AAChartModel/AAChartKit/issues/1403
好的,谢谢,请问下有Android版本的demo吗
请问下有Android版本的demo吗
这个没有.