如何更改数据属性值？

Question

这可能是一个简单的问题,但我在最后一个小时左右的时间里一直在试验而没有成功的结论.基本上,我有以下HTML:

<div data-trackcolor="#f39e93" data-size="60" data-linewidth="3" data-animate="500" data-percent="0" data-linecap="butt" data-barcolor="#fff" class="easyPieChart" data-toggle="easypiechart" style="width: 60px; height: 60px; line-height: 60px;">
  <span class="white font-90">0%</span>
  <canvas height="65" width="65" style="width: 60px; height: 60px;"></canvas>
</div>

我正在尝试data-trackcolor使用以下jQuery语法更改元素的值:

$('[data-toggle=easypiechart]').data('trackcolor','#f39e93');

我也试过了$(".easyPieChart").attr("data-trackcolor", "#f39e93");.

价值在变化,颜色不变.我怀疑这是因为canvas元素.为了理解此标记的作用,您可以查看以下URL.

它在彩色数据箱中显示圆圈.如果有人可能有一些想法,为什么这不起作用,我将不胜感激.

谢谢.

Answer 1

根据THIS脚本文件中编写的代码(来自您提供的链接),这些数据值仅在加载页面时使用一次.因此,动态对这些属性所做的更改不会影响图表颜色或其他任何内容.