fix(Chart): display price chart in full width. ref #302

openfoodfacts · Oct 24, 2024 · b0ae8c2 · b0ae8c2
1 parent f627c17
commit b0ae8c2
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/PriceChart.vue b/src/components/PriceChart.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="vega-lite-chart" />
+  <div id="vega-lite-chart" style="width:100%;" />
 </template>
 
 <script>
@@ -33,6 +33,7 @@ export default {
       var vlSpec = {
         $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
         description: 'A simple bar chart with embedded data.',
+        width: 'container',
         autosize: { type: 'fit', resize: true},
         data: {
           values: this.priceList