这可能是一个简单的问题,但是我在最后一个小时左右的时间里一直在进行实验,但没有一个成功的结论。基本上,我有以下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>

我正在尝试使用以下jQuery语法更改data-trackcolor元素的值:
$('[data-toggle=easypiechart]').data('trackcolor','#f39e93');

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

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

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

谢谢。

最佳答案

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

关于javascript - 如何更改数据属性值?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30571877/

10-12 12:39
查看更多