Vue - ERROR in Widgets when run npm run serve
In version 8.1.1 with vue
When i run: npm run serve i get this errors:
ERROR in src/components/widgets/charts/Widget1.vue:135:9
TS2322: Type '{ horizontal: false; columnWidth: string; endingShape: string; }' is not assignable to type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.
Object literal may only specify known properties, and 'endingShape' does not exist in type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.
133 | horizontal: false,
134 | columnWidth: "30%",
> 135 | endingShape: "rounded",
| ^^^^^^^^^^^^^^^^^^^^^^
136 | },
137 | },
138 | legend: {
I have the same problem in Widget2.vue, Widget5.vue, Widget6.vue, Widget10.vue
Replies (5)
Hi,
It looks like in some widgets there are wrong properties in the chart configuration.
It should be fixed in the latest Metronic version, could you please specify which demo are you using?
Regards,
Lauris Stepanovs,
Keenthemes Support Team
I use metronic 8 Demo 8 - Core Dashboard and I found same this problem
did you solve it?
Demo 2
Hi,
Unfortunately, we were not able to reproduce this issue in the latest Metronic version.
In the error, it hightlights property endingShape: "rounded", on line 135 in file src/components/widgets/charts/Widget1.vue, can you try to remove this propery from chart configuration object?