51 lines
959 B
Vue
51 lines
959 B
Vue
<template>
|
|
<view class="charts-box">
|
|
<!-- ECharts is not directly supported in UVUE Native View yet.
|
|
Ideally this should be a WebView or a native chart implementation.
|
|
For now, we render a placeholder to prevent compilation errors. -->
|
|
<text class="placeholder-text">Chart Placeholder</text>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "EChartsView",
|
|
props: {
|
|
option: {
|
|
type: Object,
|
|
default: () => ({})
|
|
},
|
|
canvasId: {
|
|
type: String,
|
|
default: 'ec-canvas'
|
|
},
|
|
styles: {
|
|
type: Object,
|
|
default: () => ({})
|
|
}
|
|
},
|
|
data() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
// Empty methods to satisfy any parent calls
|
|
init() {},
|
|
setOption(opt) {}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.charts-box {
|
|
width: 100%;
|
|
height: 300px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: #f8f8f8;
|
|
}
|
|
.placeholder-text {
|
|
color: #999;
|
|
font-size: 12px;
|
|
}
|
|
</style>
|