Test dynamically added SVG

by Anton

HTML

<div id="container">
    <svg class="chart"></svg>
</div>

CSS

.chart {
    width: 300px;
    height: 200px;
    background-color: lightyellow;
}

.gauge-dial {
    fill: #21a1e2;
}

JavaScript

console.log($('.chart'));

$('#container').html('<svg class="chart"><rect class="gauge-dial" x="0" y="0" width="200.96" height="55.16" rx="27.58" ry="27.58" stroke-width="1.8386666666666664"></rect></svg>');

/*$('.chart').prop('textContent', '<rect class="gauge-dial" x="0" y="0" width="200.96" height="55.16" rx="27.58" ry="27.58" stroke-width="1.8386666666666664"></rect>');*/