diff --git a/components/content/ArticleSystemDistributionPlot.vue b/components/content/ArticleSystemDistributionPlot.vue index 6b4015395feff3019550deb301381cbb318a4784..f84f3a1275842bcfd3018d19f5c7bb234af5f4b3 100644 --- a/components/content/ArticleSystemDistributionPlot.vue +++ b/components/content/ArticleSystemDistributionPlot.vue @@ -60,7 +60,7 @@ onMounted(() => { const plotContainer = ref(null) -const maxBarWidth = ref<number>(100) +const maxBarWidth = ref<number>(80) const computedWidth = computed(() => { const { marginLeft, marginRight } = toValue(margin) const filteredDistributionVal = toValue(filteredDistribution) @@ -138,7 +138,7 @@ const distributionOptions = computed(() => { marginLeft: 10, label: toValue(plotFill) === 'percent' ? toValue(plotLabelPercent) : toValue(plotLabelCount), }, - width: computedWidth.value, + width: computedWidth.value - marginLeft - marginRight, marks: [ Plot.barY( toValue(filteredDistribution),