javascript - Redraw a chart after click event -


i have charts in differents tabs charts x axes legends not display when charts in hiddens tabs default, works when chart in first tab, think because others tables hidden @ load of page,

i use chartkick , chartjs library charts

i know how create event in js redraw chart when click on tab or in best way solution fix problem

my tabs

<ul class="nav nav-tabs" style="margin-bottom: 20px; margin-left: 16%">               <li><a data-toggle="tab" href="#home"><h4 class="btn btn-danger">delais de ventes</h4></a></li>               <li><a data-toggle="tab" href="#menu1"><h4 class="btn btn-danger">nombres de ventes</h4></a></li>               <li><a data-toggle="tab" href="#menu2"><h4 class="btn btn-danger">prix</h4></a></li>               <li><a data-toggle="tab" href="#menu3"><h4 class="btn btn-danger">details des ventes</h4></a></li>               <li style="margin-left: 25%;"><a data-toggle="tab" href="#menu4"><h4 class="btn btn-danger">classement des négociateurs</h4></a></li>             </ul> 

one of chart

<%= column_chart fulldelais, width: "100%", height: "500px", library: {scales: {                             yaxes: [{                               scalelabel: {                                 fontsize: 30                               }                               }],                               xaxes: [{                                 scalelabel: {                                   fontsize: 30                                 }                                 }]                                 }}%> 

my x axes display "..." "..." "..." should display month/year of values

enter image description here


Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -