12345678910111213141516171819202122232425262728293031323334353637383940 |
- <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>
|