簡體 English 中英

Chart.js : 堆積條形 + minBarLength 使條形溢出比例

[英]Chart.js : Stacked bars + minBarLength makes the bar overflow the scale

原文 2022-06-08 22:19:24 8 1 javascript/ charts/ chart.js

我有一個圖表，它以堆積條形格式顯示 2 種不同類型的數據，使用 Chart.js 3.7.1 使用對數刻度

當第二種數據與第一種相比太小時，它變得太薄而無法查看，所以我添加了一個minBarLength 。 但是現在，條形超出了比例（大概是因為總長度是在沒有最小長度的情況下計算的）：

如何在圖表右側添加一些空間？

1 個解決方案

我通過計算最長條的長度，將數字加倍並將其添加到options.scales.x.max中解決了這個問題

Chart.js 堆積條形圖頂部的堆積條形圖文本

[英]Chart.js stacked bar chart text on top of the stacked bars

隱藏分組堆積條形圖中的空條 - chart.js

[英]Hide empty bars in Grouped Stacked Bar Chart - chart.js

在 chart.js 中分隔堆積條形

[英]Spacing out stacked bars in chart.js

單擊圖例時如何突出顯示chart.js堆積條形圖中的條形

[英]how to highlight the bars in stacked bar chart of chart.js on clicking a legend

帶有 chart.js 的水平堆積條形圖

[英]Horizontal stacked bar chart with chart.js

Chart.js堆積和分組條形圖

[英]Chart.js stacked and grouped bar chart

Chart.js渲染垂直堆積條形圖的速度太慢

[英]Chart.js too slow rendering vertical stacked bars chart

在Chart.JS條形圖中對條形排序

[英]Sorting the Bars in Chart.JS Bar Graph

使用 Chart.js 的條形圓角堆疊條形圖

[英]Stacked bar chart with rounded corner of bar using Chart.js

具有時間刻度的chart.js寬條

[英]chart.js wide bar with time scale

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 Chart.js 堆積條形圖頂部的堆積條形圖文本隱藏分組堆積條形圖中的空條 - chart.js 在 chart.js 中分隔堆積條形單擊圖例時如何突出顯示chart.js堆積條形圖中的條形帶有 chart.js 的水平堆積條形圖 Chart.js堆積和分組條形圖 Chart.js渲染垂直堆積條形圖的速度太慢在Chart.JS條形圖中對條形排序使用 Chart.js 的條形圓角堆疊條形圖具有時間刻度的chart.js寬條

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM