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

Comments
Post a Comment