HightCharts实现柱子上显示的数据不是x轴也不是y轴的值

猪头的彩虹糖

于 2017-09-16 21:30:19 发布

阅读量719

点赞数

分类专栏：前端插件文章标签： hightcharts

本文链接：https://blog.youkuaiyun.com/m0_37027631/article/details/78006712

版权

5 篇文章

订阅专栏

本文介绍如何在Hightcharts中自定义柱状图上的显示值，通过设置dataLabels并使用自定义数组来替代默认的x轴或y轴数值。此方法适用于需要在柱状图上精确展示特定数据的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通常情况下柱状图上显示的是x轴的值，但是如下图如果我们想要柱子上显示的是我们自己定义的一个数组或者从数据库中取出的值，Hightcharts也是可以实现的

实现柱子上显示的不是x轴或者y轴数值代码

（1）如下图var a=0;//数组循环时用来++，定义数组aaaa或者是从数据库中传入的数组，格式一定要对应上。

（2）关键实现代码：

 dataLabels:{

                formatter: function(){   
                    return aaaa[a++];
                }
            }

要注意的是定义的aaaa数组的长度要与data中的数组长度相同。

更多相关HightCharts使用属性请访问 http://blog.youkuaiyun.com/m0_37027631/article/details/77948034