![]() This will determine how large your labels are by looking at only a subset of them in order to render axes more quickly. Specify a rotation value by setting minRotation and maxRotation to the same value, which avoids the chart from having to automatically determine a value to use. You should still consider decimating data yourself before passing it in for maximum performance since the automatic decimation occurs late in the chart life cycle. Line charts are able to do automatic data decimation during draw, when certain conditions are met. ![]() This will provide the best performance since it will reduce the memory needed to render the chart. The decimation plugin can be used with line charts to decimate data before the chart is rendered. ![]() When there is a lot of data to display on the graph, it doesn't make sense to show tens of thousands of data points on a graph that is only a few hundred pixels wide. # DecimationÄecimating your data will achieve the best results. Even without this option, it can sometimes still be faster to provide sorted data. # Data normalizationĬhart.js is fastest if you provide data with indices that are unique, sorted, and consistent across datasets and provide the normalized: true option to let Chart.js know that you have done so. ![]() See Data structures for more information. Provide prepared data in the internal format accepted by the dataset and scales, and set parsing: false. For large datasets or performance sensitive applications, you may wish to consider the tips below. Chart.js charts are rendered on canvas elements, which makes rendering quite fast. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |