If you graph is constantly changes or changes when the users scroll Canvas will be slower than SVG.
With a canvas you are re-drawing your graph for every little change, there's not way around it.
With SVG your graph is part of the DOM can be modified without fully re-rendering it.
So if you're graph is changing a lot and you notice the moments when it lags coincide with those when it's being re-drawn the library choice of canvas over SVG is the problem. Otherwise, Canvas is actually faster in most cases.
Fixing this could include finding another library, modifying the code of the existing one or finding ways to re-draw your graph less (e.g. have a mandatroy timeout between changes to the graph of a few milliseconds or even seconds).
- Why chartjs lags pages on mobile browsers?
- ChartJS and jsPDF - why the background is black?
- Why isn't my Angular 4 ChartJS component rendering?
- Why are these 2.9 ChartJS bar charts different?
- How to add ChartJS code in Html2Pdf to view image
- Why is ChartJS skipping an xAxis label in this snippet?
- why is the background black when with Chartjs export to a image
- Why is borderColor function in chartjs running multiple times, and how to reduce it?
- Why would a ChartJS chart end up with width 0 and height 0?
- How do I add time sourced from an external source as an X axis to a ChartJS graph?
- Chartjs not working with d3 from csv source
- Why can't I update the aspectRatio within the chartjs chart?
- Why are the chartjs tooltip labels always showing the first x-axis label?
- Full size download Chartjs canvas on mobile device
- Why my ChartJs only Coloring one section?
- ChartJS have xAxes labels match data source
- Why is my data on chartjs not starting from the data that it should
- Updating Chartjs to 2.5 with custom code
- Why i only get one value after executing "for loop" to display "datasets.data" in ChartJS
- Why ChartJs is not working in IE
- Chartjs - legends take up too much space on mobile devices
- Why is chartjs treating these arrays differently?
- Why this Tooltip callback for ChartJS works and this doesn't
- Calling data from outside of Chartjs code
- VueJS + Chartjs - Chart only renders after code change
- Why is this chartjs graph not being loaded? (Using Vue.js)
- ChartJS 2.0 differences in code help needed
- ChartJS - Why is the transition on the first dataset bad?
- I am using chart js to draw a chart. I did everything right but i don't know why the x axis and y axis label is not comming in chart. code below
- My Chartjs is not updating after setstate full code attached Reactjs Update
More Query from same tag
- Export chart.js into fixed sized chart
- Stacked Bar Chart, Two on Same Line w/ Same Color
- Showing a duration of time within a Chart.js chart
- How to use chartjs-plugin-datalabels for specific charts using vue-chart.js
- Chart.js 2.2.x - How to access the pixel coordinate of a point in my dataset
- How I create a dropdown for radar chartjs from mysql database?
- I'm unsure of how to get vue js and charts js to work together. correctly
- Chart.js Line Chart x-Axes label rounding
- syntax error, unexpected ' ' Laravel 5.6 ConsoleTvs chart js
- Grouped Bar Char in D3.js or Google Charts or Chart.js
- Display line chart with connected dots using chartJS
- Implementing a choropleth chart using chartjs-chart-geo plugin with react-chartjs-2
- Adding trendlines to existing chart Chart.js
- Draw line between starting point and Ending point in semi doughnut chart in chart js
- In a Stacked Line Chart, is there a way to stack multiple Y-Axes to match each graphed line?
- How to scrape an interactive charts with scrapy?
- Chart.js combined line and bar chart with differing data points
- Chart.js: Reverse bar chart with regular bars (Bottom to top instead of top to bottom)
- chartjs - Not taking the height in reponsive chart
- On click event to show name of pie chart slice in chartsJS
- How to draw the stroke behind bars in Chart.js?
- Combining charting with the map
- HTML5 Canvas expanding the draw area after drawing
- Conditional in ChartJS axes tick callback function isn't returning the expected labels
- React & Chartjs: How can I best destroy my chart when re-rendering?
- How to remove a label in top of bar in chartjs chart
- ChartJS Line chart cut off at the top and bottom
- Series Details Not Showing in Angular Chart with Charts.js
- Chart.js Treemap Adding custom text to each rectangle