Javascript 如何更改数据属性值？

这可能是一个简单的问题，但我已经试验了一个小时左右，没有一个成功的结论。基本上，我有以下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>

我还尝试了

$（“.easyPieChart”）.attr（“数据跟踪颜色”，“f39e93”）

值正在更改，颜色没有更改。我怀疑这是因为
canvas
元素。为了理解此标记的作用，您可以查看以下内容

它在彩色数据框中显示圆形。如果有人知道为什么这不起作用，我将不胜感激

谢谢。
根据脚本文件中编写的代码（从您提供的链接），这些数据值在加载页面时仅使用一次。因此，动态更改这些属性不会影响图表颜色或其他任何内容。
使用
$。data
可以读取和设置数据值，但不能使用它在DOM中写入数据。
从
数据的jQuery文档中
方法：

补充说明：
请注意，此方法目前不提供跨平台支持来设置XML文档上的数据，就像Internet Explorer那样
不允许通过expando属性附加数据

更新
别介意，我把问题弄糊涂了


另一种方法是使用
attr
设置器：


$（'testBtn'）。在（'click'，函数（ev）{
$（“[data toggle='easypiechart']”）.attr（'data-trackcolor'，'#f39e93'）；
});

0%
测试
谢谢Puneet

实际上，我是在页面加载时调用脚本的，为了解决这个问题，我将对脚本的调用放在函数中，该函数更改颜色，如下所示：-

function changeWidgetColor()
{
    var percentageValue = $(".easyPieChart").attr('data-percent');

    if (percentageValue <= 20)
    {
        $(".easyPieChart").attr("data-trackcolor", "#f39e93");

        InitiateEasyPieChart.init();
    }

函数changeWidgetColor（）
{
var percentageValue=$（“.easyPieChart”）.attr（'data-percent'）；
如果（percentageValue没有改变的东西的颜色？颜色本身应该如何改变？为什么颜色会根据你在
data-X
属性中的内容而改变？属性不是那些改变的属性。你可能需要添加一些额外的脚本来完成这项工作。@krafo我的回答对你有帮助吗？Np@krafo。请接受我的回答如果对您有帮助，请回答：）
function changeWidgetColor()
{
    var percentageValue = $(".easyPieChart").attr('data-percent');

    if (percentageValue <= 20)
    {
        $(".easyPieChart").attr("data-trackcolor", "#f39e93");

        InitiateEasyPieChart.init();
    }