score:-1
edit: in light of question edits this answer is not relevant.
i'm not sure if i fully understand your question, but i was having a problem with the scaling animation in angular-charts and the solution i found while checking the code behind the examples on the angular-chart site (http://jtblin.github.io/angular-chart.js/examples/app.js) was to set animation duration to 0 in the options. in angular, using angular-charts this can be done in the controller using the chart-options directive as seen in the external linked code:
controller
app.controller("ctrl",['$scope', function($scope){
$scope.options = {animation: {duration: 0}};
}])
view
<canvas id="line" class="chart chart-line"
chart-options="options"
></canvas>
or globally using chartjsprovider in the config method of the app:
app.config(function(chartjsprovider) {
chartjsprovider.setoptions({
animation: {duration: 0}
});
})
i hope this helps, all of the info i posted can be found in the chart.js documentation: http://www.chartjs.org/docs/latest/configuration/animations.html
Source: stackoverflow.com
Related Query
- how can i modify scale labels in angular chart js?
- Angular chart.js chart scale
- How to prevent first/last bars from being cut off in a chart with time scale
- chartjs : how to set custom scale in bar chart
- Chart Js Negative Scale
- Problem for display a chart with Chart.js and Angular
- Category scale on Y-axis and time on x-axis in bubble chart in Chartjs
- Angular 2 chart - change point radius
- set y-axis scale manually in a bar chart using angular-chart.js
- Angular Chart JS prevent x label causing overflow
- Series Details Not Showing in Angular Chart with Charts.js
- Ng2-charts / chart.js - how to refresh/update chart - angular 4
- Extending Existing Chart Types angular chart js using chart js 2.0
- impossible to remove scale from radar chart (chart.js)
- Chart.js Chart in Angular does not load until resizing browser window
- How to update data Chart in async way in Angular Chart.js?
- Angular 8 & ChartJs change color in pie chart
- Create multiple dynamic stacked chart using chart.js in Angular 10?
- Show labels on each sector to polar chart using angular js chart
- How to set single color on each bar in angular chart js
- Angular chart how to show the legend data value by default along with legend name
- How to show percentage (%) using chartjs-plugin-labels ( Pie chart ) in angular 2/8
- How to add title inside doughnut chart in Angular Chart?
- Chart Js + Angular
- ERROR TypeError: "this.canvas is undefined" | Problem with creating a chart with angular and chart.js
- Change Angular js charts.js chart type dynamically
- chart annotations not showing in Angular 2
- Remove additional white space on left and right side of Angular Chart
- Angular Charts.js: Can't refresh chart with data
- Css style not working well when resizing chart height in angular application
More Query from same tag
- Chart.js canvas resize
- Chart.js flickering
- Could not find elementById on mat-card-content
- Show dynamic data with dynamic colours in chartjs
- Android: WebView with JavaScript for Chart.js not working properly
- 'scales' option appears to break Chart.js graph
- Pause horizontal scrolling in chart.js for real time data
- Creating a heart rate monitor
- Angular-ChartJS align legend right center
- How i can insert string data to diagrams in chart.js
- ng2-charts and annotation plugin: annotations not visible after data update
- How to add comma in this chart js
- Adding hours and minutes to a date object for time axis
- Displaying every nth label on the x-axis
- Chart js always show labels on a doughnut chart
- React-chartjs-2 gradient fill error on canvas context
- Chart.js Y-Axis data not rendering
- ChartJS Separate Labels for each dataset/independent datasets?
- How to push Firestore data to ChartJS?
- Chart.js - Styling Legend - ONE legend entry per line
- Chart.js 3.7 version. How to modify legend label?
- Chart JS - Make chart scrollable if too much data
- Is there any way to display float bar in chart.js?
- Chart.js onClick function for bar graph
- Loop through multiple rows as labels and data in chart.js and PHP
- EJS Tags with ChartJS?
- Multi- Line title in chart.js not working
- Chart.js - Hide tooltip caret
- Change chart values from API
- chart.js - line chart - can I visualize positive/negative change somehow?