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”改写为中文。

相关内容

热门资讯

教程辅助透视挂!友空互娱透视挂... 教程辅助透视挂!友空互娱透视挂AI方法,友空互娱多功能竟然存在有透视挂方法1、上手简单，内置详细流程...
一分钟教会你开挂!七七娱乐开挂... 一分钟教会你开挂!七七娱乐开挂AI插件,七七娱乐多功能竟然存在有开挂插件七七娱乐脚本下载中分为三种模...
发现玩家辅助!闲来玩游戏辅助A... 发现玩家辅助!闲来玩游戏辅助AI攻略,闲来玩游戏多功能真是存在有辅助攻略1、闲来玩游戏公共底牌简单，...
记者发布外挂!闲来玩游戏外挂A... 记者发布外挂!闲来玩游戏外挂AI攻略,闲来玩游戏多功能切实真的是有外挂攻略闲来玩游戏透视方法中分为三...
一分钟揭秘透视挂!萍乡打滚筒透... 一分钟揭秘透视挂!萍乡打滚筒透视挂AI攻略,萍乡打滚筒多功能确实存在有透视挂攻略1、用户打开应用后不...
查到实测辅助器!百川辅助器AI... 查到实测辅助器!百川辅助器AI方法,百川多功能都是有辅助器方法百川辅助器是一种具有地方特色的麻将游戏...
最新技巧辅助器!八戒贵宾室辅助... 最新技巧辅助器!八戒贵宾室辅助器AI软件,八戒贵宾室多功能切实存在有辅助器软件1、下载好八戒贵宾室透...
玩家科普外挂!心悦辽宁麻将外挂... 玩家科普外挂!心悦辽宁麻将外挂AIapp,心悦辽宁麻将多功能果然存在有外挂app1）心悦辽宁麻将辅助...
科技揭秘辅助器!即赢互动辅助器... 科技揭秘辅助器!即赢互动辅助器AI插件,即赢互动多功能本来真的是有辅助器插件亲，关键说明，即赢互动透...
我来向大家传授辅助!江山大厅辅... 我来向大家传授辅助!江山大厅辅助AI插件,江山大厅多功能确实真的是有辅助插件1、玩家可以在江山大厅透...