uniapp 可视化 antV f2使用

最新推荐文章于 2024-06-21 12:11:27 发布

ঞ᭄阿້໌ᮩ莲໌້ᮨꦿ

最新推荐文章于 2024-06-21 12:11:27 发布

阅读量1.6k

点赞数

分类专栏： uni-app 可视化文章标签： java servlet 前端

本文链接：https://blog.csdn.net/qq_41241504/article/details/125681792

版权

安装

npm install @antv/f2 --save

使用

<template>
    <view>
        1231
        <view class="data-board">
            <l-f2 ref="chart"></l-f2>
        </view>
    </view>
</template>

<script>
    import F2 from '@/uni_modules/lime-f2/components/l-f2/f2.min.js';

    export default {
        data() {
            return {
                data: [{
                    date: '2017-06-05',
                    "type": "舒张压",
                    day: '周一',
                    value: 120
                }, {
                    date: '2017-06-06',
                    "type": "舒张压",
                    day: '周二',
                    value: 110
                }, {
                    date: '2017-06-07',
                    "type": "舒张压",
                    day: '周三',
                    value: 115
                }, {
                    date: '2017-06-08',
                    "type": "舒张压",
                    day: '周四',