谁用过 highcharts，怎么设置 数据显示在柱子上方

Posted 2023-04-13

参考技术A

,series: [

name: '人数',

data: num_data,

dataLabels: 

enabled: true,    //默认是false，即默认不显示数值

color: '#666',    //字体颜色

align: 'center'   //居柱子中间

]

highcharts常用设置

参考技术B plotOptions:
column:
dataLabels:
enabled: true,
formatter: function ()
return '<b>' + this.point.y+ '</b><br>';



, 参考技术C 看起来应该在style里面设置，
为什么不用echarts呢,这是付费的

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 动态图表