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

相关内容

热门资讯

透视专业"wepok... 透视专业"wepoker私人局规律"真是真的有辅助器(哔哩哔哩)1、每一步都需要思考，不同水平的挑战...
透视解密"pokem... 透视解密"pokemmo辅助器手机版下载"切实是真的辅助方法(哔哩哔哩)1）pokemmo辅助器手机...
透视普及"wepok... 透视普及"wepoker透视底牌"原来真的有辅助技巧(哔哩哔哩)1、wepoker透视底牌有没有辅助...
透视教你"wepok... 透视教你"wepoker轻量版透视方法"总是是真的辅助挂(哔哩哔哩)1、进入到wepoker轻量版透...
透视揭幕"wepok... 透视揭幕"wepoker插件功能辅助器"其实是真的辅助技巧(哔哩哔哩)1、操作简单，无需wepoke...
透视开挂"wpk插件... 透视开挂"wpk插件"一直存在有辅助器(哔哩哔哩)1、操作简单，无需wpk插件手机版透视脚本，只需要...
透视解谜"aapok... 透视解谜"aapoker辅助器是真的吗"好像是真的辅助插件(哔哩哔哩)1、首先打开aapoker辅助...
透视揭幕"hhpok... 透视揭幕"hhpoker有后台操控吗"好像是真的辅助技巧(哔哩哔哩)1、起透看视 hhpoker有后...
透视揭幕"wepok... 透视揭幕"wepokerplus辅助"本来有辅助神器(哔哩哔哩)wepokerplus辅助破解侠是真...
透视详细"wepok... 透视详细"wepoker透视有用吗"其实是有辅助攻略(哔哩哔哩)1、打开软件启动之后找到中间准星的标...