チャート付き無料ブートストラップテンプレート

Question

小さなチャートをクリックすると大きなチャートになってしまうようなチャートの「ミニ」バージョンを最初に表示できる無料のブートストラップテンプレートの提案は誰も助けてくれますか？

Answer 1

ここでグラフを使用する無料のブートストラップテンプレートは、https://www.creative-tim.com/です。しかし、あなたはjQueryで自分自身で '成長する'機能を構築する必要があります。このような

何か作業をする必要があります：

HTML

<div class="ct-chart"></div> 

CSS

.ct-chart { 
    transform: scale(0.3); 
    transition: .3s ease-in-out transform; 
} 
.ct-chart.scaleUp { 
    transform: scale(1); 
} 

のjQuery

あなたの答えのための

$(document).ready(function() { 
    $('.ct-chart').on('click', function() { 
     $(this).addClass('scaleUp'); 
    } 
}