score:-2
I was having the same issue in a Bulma tile.
The fix was to set
responsive: false
in the Chart.js script options area.
score:2
I've found some users had the same issue in this post: https://github.com/jtblin/angular-chart.js/issues/84
The solution for me was to change the chart's options to maintainAspectRatio: false.
myChart.setOptions({
responsive: true,
maintainAspectRatio: false
});
score:32
I had the same thing. You have to put an empty div around the canvas.
Source: stackoverflow.com
Related Query
- Chart.js is always increasing height on chart.resize()
- Set height of chart in Chart.js
- Can't resize react-chartjs-2 doughnut chart
- Resize the width and height of the ng2-charts
- Chart.js: width and height of a pie chart not respected
- Fix the height of Y-Axis of Bar chart in chart.js?
- How to get the actual chart width and height in chart.js
- Changing width of chart.js chart without changing height
- Chart.js change height on window resize while maintaining aspect ratio
- React chart : prevent chart's canvas scaling with height and width
- Why would a ChartJS chart end up with width 0 and height 0?
- Css style not working well when resizing chart height in angular application
- Responsive Chart.js Doughnut Chart with minimum height
- ChartJS 2.6 - Bar chart fixed height scrollable-X
- How change chart height in chart.js
- Tooltips in Chart js are always black instead of the color of the corresponding dataset
- Chart JS: Always show tooltips in a multi dataset line chart
- Bar chart with min height and zero values - ChartJs
- cant resize range of Y axis of chart in HTML/PHP
- Unable to set width and height on canvas in chart js
- Binding Chart to Canvas height width
- Resize Chart Independently From Legend in ChartJS for Canvas Download
- When I added a funnel chart to chartjs all the charts are load compressed until resize page
- HorizontalBar chart is displayed below canvas when I set height with style attribute for chart div (Chart.js 2.9.4)
- Displaying a chartjs chart within a bulma full height hero
- Always show doughnut Chart tooltip in Angular 5
- Cannot resize chart from chart.js
- vue-chartjs not working properly in flexbox and when resize chart goes blank
- Chart.js 2 - Always display only some tooltips in bubble chart
- Automatic resize of chart - AngularChartJS
More Query from same tag
- Add space Between Columns in Bar chart. chartjs
- Chart.js not updating multiple charts independently
- Display image on bar chart.js along with label (chartjs-plugin-datalabels)
- how to display chart data as html table chartjs
- How can i fix my code so i can read my data
- chart.js coffeescript can't find variable
- Chart.js - Getting data from database using mysql and php
- How to Draw Gantt chart using chart js or other libraries
- int Array with empty value
- Load data into chartjs using promises in vue.js
- PhantomJS renders blurry Chart.js canvas
- How do i have to implement my code to get correct json?
- chartjs hover over data without hoveringing on line
- ChartJS Line Charts - remove color underneath lines
- Use react-icons for pointStyles in Chart.js graph on Next.js app
- Chart JS Y-axis labeling
- How to chnage this value theHour[0].times into time format (HH:mm) using moment.js
- Meteor and ChartJS dynamically create a chart
- charts.js - json output to graph
- Tell if an line is hidden
- How to access global variable from outside of canvas.onmousemove function?
- how to change the Y-axis values from float number to integer in chartjs?
- How to hide radar chart index labels (chart.js)
- Bold text inside doughnut chart (chart.js)
- chart.js version 3 - How to make an overlapping bar chart?
- Setting up min and max in chartjs did not work
- How to handle epic long text at y-axis for angular-chart.js?
- applying background-color in bar chart using chart.js
- ChartJS tooltip scrollbar to prevent data overflow?
- pie chart not rendered properly in flask app