apexcharts图例带有数值
创始人
2024-11-10 02:30:28
0次

要在ApexCharts图例中显示数值，可以使用formatter函数来自定义图例标签。以下是一个示例代码，演示如何在ApexCharts图例中显示数值：




    
    ApexCharts Legend with Values

在上面的示例中，我们创建了一个条形图，并设置了两个系列的数据。在图例的formatter函数中，我们首先通过opts.seriesIndex获取当前系列的索引，然后通过opts.w.globals.series[seriesIndex].data获取当前系列的数据。最后，我们使用reduce函数计算数据的总和，并将其与系列名称一起返回。

运行上述代码，你将在页面上看到一个带有数值的ApexCharts图例。

上一篇：ApexCharts图表选项y轴最大值和最小值的错误

下一篇：Apexchartsupdate2lineschartdataJSONAPI&AJAX”改写为中文。

相关内容

热门资讯

黑科技讲解!fishpoker... 自定义wepoke有没有挂系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，...
黑科技存在!aa poker智... 黑科技存在!aa poker智能ai辅助价格(wpk最新黑科技)原先是有挂(有挂秘籍)-哔哩哔哩；小...
黑科技教学!红龙扑克是有问题(... 黑科技教学!红龙扑克是有问题(aapoker发牌机制)竟然是真的有挂(有挂总结)-哔哩哔哩1、每个玩...
黑科技插件!微扑克ai辅助工具... 黑科技插件!微扑克ai辅助工具(wpk ai辅助)本来有挂(了解有挂)-哔哩哔哩1）wpk ai辅助...
黑科技教学!aapoker透明... 1、黑科技教学!aapoker透明挂真假(德州ai辅助)一贯有挂(确实有挂)-哔哩哔哩；代表性（透视...
黑科技安卓版!哈糖大菠萝切牌规... 黑科技安卓版!哈糖大菠萝切牌规律(德州辅助神器软件)固有存在有挂(有挂教学)-哔哩哔哩您好，德州辅助...
黑科技ai!云扑克cloudp... 黑科技ai!云扑克cloudpoker可以下载(德扑ai智能机器人线上代打)固有是有挂(有挂规律)-...
黑科技规律!红龙扑克是有问题(... 黑科技规律!红龙扑克是有问题(德扑ai助手软件)原来有挂(有挂透明挂)-哔哩哔哩1、超多福利：超高返...
黑科技美元局!aapoker辅... 黑科技美元局!aapoker辅助工具(德扑ai助手软件)一向是有挂(证实有挂)-哔哩哔哩1、德扑ai...
黑科技最新!微扑克有透视挂(微... 黑科技最新!微扑克有透视挂(微扑克有挂么)都是有挂(真的有挂)-哔哩哔哩；无聊就玩这款微扑克有挂么真...