echarts-for-uniapp
echarts-for-uniapp copied to clipboard
Vue3,微信小程序中使用页面空白
代码如下:
<template>
<view class="content">
<uni-chart :option="option" />
</view>
</template>
<script setup lang='ts'>
const option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
showBackground: true,
backgroundStyle: {
color: 'rgba(180, 180, 180, 0.2)'
}
}
]
}
</script>
<style scoped lang='scss'>
.content {
width: 375px;
height: 375px;
}
</style>