41 lines
781 B
Vue
41 lines
781 B
Vue
<template>
|
|
<div :class="prefixCls">
|
|
<div class="chart-wrapper" :style="{ height: 46 }">
|
|
<v-chart :force-fit="true" :height="100" :data="dataSource" :scale="scale" :padding="[36, 0, 18, 0]">
|
|
<v-tooltip />
|
|
<v-smooth-line position="x*y" :size="2" />
|
|
<v-smooth-area position="x*y" />
|
|
</v-chart>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'MiniSmoothArea',
|
|
props: {
|
|
prefixCls: {
|
|
type: String,
|
|
default: 'ant-pro-smooth-area'
|
|
},
|
|
scale: {
|
|
type: [Object, Array],
|
|
required: true
|
|
},
|
|
dataSource: {
|
|
type: Array,
|
|
required: true
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
height: 100
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
@import "smooth.area.less";
|
|
</style>
|