fix(chart): fix radius

Bug-Duck · Oct 6, 2024 · 555c01d · 555c01d
1 parent 867adce
commit 555c01d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/extensions/chart/src/barChart.vue b/extensions/chart/src/barChart.vue
@@ -3,7 +3,7 @@ import { defineWidget } from '@vue-motion/core'
 import { onMounted, provide, ref, watchEffect } from 'vue'
 import type { DateTime } from 'luxon'
 import type { Growable } from '@vue-motion/lib'
-import { Rect } from '@vue-motion/lib'
+import { Rect as VMRect } from '@vue-motion/lib'
 import type { ChartLayoutConfig } from './chartLayout.vue'
 import BaseSimpleChart from './baseSimpleChart.vue'
 import type { BaseChartDataSet, BaseChartOptions, BaseChartStyle, ChartStyle, Color } from '.'
@@ -144,7 +144,7 @@ onMounted(() => {
     <!-- BarSets -->
     <g v-for="(barSet, setIndex) in barSets" :key="setIndex">
       <g v-for="(bar, barIndex) in barSet" :key="barIndex">
-        <Rect
+        <VMRect
           :x="bar.x"
           :y="bar.height < 0 ? bar.y + bar.height : bar.y"
           :width="bar.width"

diff --git a/test/src/App.vue b/test/src/App.vue
@@ -35,13 +35,13 @@ onMounted(() => {
     <!--      <NumberPlane :ranges-x="[0, 10]" :ranges-y="[0, 10]" /> -->
     <!--    </Group> -->
     <BarChart :labels="['A', 'w', 'e', 'm']">
-      <ChartDataset label="test1">
+      <ChartDataset label="test1" :style="{ borderColor: '#f00', backgroundColor: '#f00' }">
         <ChartData :cross="1" />
         <ChartData :cross="1" />
         <ChartData :cross="1" />
         <ChartData :cross="1" />
       </ChartDataset>
-      <ChartDataset label="test2">
+      <ChartDataset label="test2" :style="{ borderColor: '#ff0', backgroundColor: '#ff0', borderRadius: 4 }">
         <ChartData :cross="2" />
         <ChartData :cross="2" />
         <ChartData :cross="2" />