You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@y-takey I am using react-chartjs-2 and chartjs-plugin-stacked100 in react single page components.
when I use stacked bar chart, when the component got re-rendered, stacked bars are not as same as with full width on initial render.
when the component re-rendered, it is changed as follows.
Hi @dhineshdhanapal , I appreciate your report. To better understand and address the issue, could you please provide a repository that reproduces the problem?
@y-takey I am using react-chartjs-2 and chartjs-plugin-stacked100 in react single page components.
![image](https://private-user-images.githubusercontent.com/8664303/289833454-ba8be277-5f66-4138-b944-3d6944279f53.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg2ODEyNDEsIm5iZiI6MTcxODY4MDk0MSwicGF0aCI6Ii84NjY0MzAzLzI4OTgzMzQ1NC1iYThiZTI3Ny01ZjY2LTQxMzgtYjk0NC0zZDY5NDQyNzlmNTMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYxOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MThUMDMyMjIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NzQxYTExYWM0ZDE1MzQyNGE3ZWIxODRlNzAzYzczYmVkM2I1NzRlMjM1MDVmNDM1YjI3OGI3NTBkYzBjZWIyNiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.MFz7GgdamyAS4CBNI5zuJXkWKmjMkoeMhFWcg9Q8KXE)
when I use stacked bar chart, when the component got re-rendered, stacked bars are not as same as with full width on initial render.
when the component re-rendered, it is changed as follows.
I am using as follows:
ChartJS.register(ChartjsPluginStacked100)
<Bar height="35px"
data= {data}
options={{
indexAxis: 'y',
responsive: false,
maintainAspectRatio: false,
scales: {
x: {
display: false,
grid: {
display: false,
},
stacked: true,
},
y: {
display: false,
title: "yaxis",
grid: {
display: false,
},
stacked: true,
},
},
plugins: {
legend: {
display: false,
},
tooltip: {
enabled: false,
},
stacked100: {
enable: true
},
},
}}
/>
The text was updated successfully, but these errors were encountered: