uniapp 可视化 antV f2使用

最新推荐文章于 2025-03-22 08:21:08 发布

ঞ᭄阿້໌ᮩ莲໌້ᮨꦿ

最新推荐文章于 2025-03-22 08:21:08 发布

阅读量1.9k

点赞数

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

本文链接：https://blog.youkuaiyun.com/qq_41241504/article/details/125681792

版权

本文介绍了如何在uniapp环境下集成并使用antV F2进行数据可视化，从安装到实际应用的全过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装

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: '周四',

最低0.47元/天解锁文章