highcharts怎么以x轴的值作为条件查询数据库,结果显示在tooltip中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了highcharts怎么以x轴的值作为条件查询数据库,结果显示在tooltip中相关的知识,希望对你有一定的参考价值。

highcharts中tooltip 要显示y轴的值可以这样设置:
tooltip:
pointFormat: this.y
,
要获得x轴的值可以通过this.x获得,怎么以this.x为条件查询数据库,把结果显示在tooltip中。希望懂得大虾给一个实例,小弟感谢不尽。

highcharts对象的tooltip属性可以设置相关提示信息,在highcharts对象中加入如下代码即可:

tooltip : 
// 在此方法中可以得到x轴以及y轴的信息,同时也包含了整个series上的数据信息
formatter : function() 
return "x轴的值是:" + this.x + "<br/>y轴的值是:" + this.y;

把formatter中的相关代码换成与数据库交互取得数据的方法即可展示在tooltip中

参考技术A js 动态图表

以上是关于highcharts怎么以x轴的值作为条件查询数据库,结果显示在tooltip中的主要内容,如果未能解决你的问题,请参考以下文章

highchart - scatter : 设置 x 轴和 y 轴的小数

highcharts中把X轴的名字竖着显示

Echarts和highCharts图表使用总结(附AntV)

SQL语句 一个表的值与另一个表的字段一致,怎么把两一个表的值作为条件,限定查询的字段

HighCharts 的不同间隔

Highcharts 和 EXTJS 3:x 轴重叠的标签