You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何使用JQuery动态设置data-pie的百分比值?

用jQuery动态修改data-pie的百分比值

要动态修改目标元素data-pie属性里的percent数值,按以下步骤操作即可:

  • 先将data-pie的JSON字符串解析为JavaScript对象
  • 修改对象中的percent数值
  • 把修改后的对象重新转为JSON字符串,赋值回data-pie属性

具体代码示例:

// 获取目标元素并解析data-pie配置
const $pieElement = $('#lecture-chart');
let pieConfig = $pieElement.data('pie');

// 修改percent数值,示例改为85,可替换成你需要的数值
pieConfig.percent = 85;

// 将更新后的配置转回JSON字符串,重新设置到元素上
$pieElement.attr('data-pie', JSON.stringify(pieConfig));

注:如果你的饼图插件需要重新渲染才能显示新的百分比,记得调用插件对应的更新方法(不同插件的更新逻辑不同,需参照插件自身文档)。

内容的提问来源于stack exchange,提问作者CodistanPro

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.15 08:25:16