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