ChartJS в производительности Datatable cell

Question

Так что по какой-то причине я должен поместить крошечную диаграмму в ячейку столбца. Я сделал это с простой ДИВ и initizialized каждой диаграммы:

<div> 
    <canvas id="6" height="50px" width="150px"></canvas> 
</div> 

jsFiddle

, который работает отлично подходит для 10 набора данных или 20. Но я получил огромное DataTable с 380 строк и после «2 минуты» ожидая, что он даже загрузит диаграммы для каждой отдельной строки таблицы. Есть ли лучший способ сделать это, или повысить производительность?

Answer 1

Я нашел решение. Как упоминалось в этом посте: Pagination triggers Я вызываю функцию, которая вписывается в видимые диаграммы на нулевой чертеж. Значит, я только рисую их, когда их просматривают. Отличная производительность и супертонкое решение.

$('#Table') 
      .on('draw.dt', function() { initSparkline(); }) 
      .dataTable(); 

});