Изменить значение холста, используя Javascript или Jquery

Question

Я новичок в javascript и jquery. Я создаю линейный датчик, используя холст, но я хочу изменить значение данных, используя JavaScript или Jquery. Ниже приведен код линейного размера с использованием canvas ... помогите мне решить эту проблему

<canvas data-type="linear-gauge"
        id="gauge1"
        data-color-plate="#fff"
        data-color-bar-progress="#0000ff"
        data-width="200"
        data-height="250"
        data-major-ticks="0,300,600,900,1200,1500"
        data-value="600"
        data-min-value="0"
        data-max-value=1500,0
        data-bar-width="50"     
        ></canvas>

Answer 1

Используйте метод jQuery .data.

$("#gauge1").data("value", "500");
console.log($("#gauge1").data("value"));

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<canvas data-type="linear-gauge" id="gauge1" data-color-plate="#fff" data-color-bar-progress="#0000ff" data-width="200" data-height="250" data-major-ticks="0,300,600,900,1200,1500" data-value="600" data-min-value="0" data-max-value=1500,0 data-bar-width="50"></canvas>

Answer 2

Попробуйте:

$("canvas").attr("data-value", "YOUR NEW VALUE");

Вы можете редактировать любые свои атрибуты таким же образом.