如何使用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
相关产品推荐
相关产品推荐

