javascript — добавление текста в кольцевую диаграмму — ChartJS

Добавить текст в кольцевую диаграмму — ChartJS

У меня есть графики

 {amp}lt;div class="col-xs-2"{amp}gt;{amp}lt;canvas id="device"{amp}gt;{amp}lt;/canvas{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class="col-xs-2"{amp}gt;{amp}lt;canvas id="host_name"{amp}gt;{amp}lt;/canvas{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class="col-xs-2"{amp}gt;{amp}lt;canvas id="city"{amp}gt;{amp}lt;/canvas{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class="col-xs-2"{amp}gt;{amp}lt;canvas id="org"{amp}gt;{amp}lt;/canvas{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class="col-xs-2"{amp}gt;{amp}lt;canvas id="country"{amp}gt;{amp}lt;/canvas{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class="col-xs-2"{amp}gt;{amp}lt;canvas id="region"{amp}gt;{amp}lt;/canvas{amp}gt;{amp}lt;/div{amp}gt; 

введите описание изображения здесь


 {amp}lt;style type="text/css"{amp}gt; .chart-inner { margin-top: -100px; margin-bottom: 100px; } .chart-inner h5 { margin-bottom: 5px; margin-top: 27px; font-size: 200px; color: red; } {amp}lt;/style{amp}gt; 

Я пытался добавить текст в центр

 $('canvas#'   selector).append('{amp}lt;div class="chart-inner"{amp}gt;{amp}lt;h5{amp}gt;'   selector   '{amp}lt;/h5{amp}gt;{amp}lt;/div{amp}gt;'); 

Кажется, это не проходит.


Но когда я прячусь (), это работает. Все графики скрыты.

 $('canvas#'   selector).hide(); 

Чего мне не хватает?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector