VxGidcFundLines

基金走势小组件使用手册

引用

import VxGidcFundLines from '@/components/vx-gidc-fund-lines';

使用指南

本项目发布私服，因此使用 npm 安装需要修改镜像：

npm config  set registry  http://registry.npm.csii.com.cn

然后由于本项目依赖 clay.js，因此需要安装 clay.js：

npm install --save @csii/vx-clay

至此，准备工作就做好了。

代码演示

在需要用的地方写入如下标签即可使用：

<template>
  <div>
    <!-- 折线图 -->
    <vx-gidc-fund-lines ref="incomeLines" line-type="networth" @get-lineClick="getLineChart" title="累计收益"> </vx-gidc-fund-lines>
  </div>
</template>
<script>
import VxGidcFundLines from '@/components/vx-gidc-fund-lines';
export default {
  name: 'name',
  components: {
    VxGidcFundLines,
  },
  data() {
    return {
        addUpBenefitList: [
          {
            date: '2021-10-01 00:00:00.0',
            netWorth: '-50.45',
          },
          {
            date: '2021-10-02 00:00:00.0',
            netWorth: '62.56',
          },
        ],
    };
  },
  methods: {
    /**
     * 获取折线图数据
     * @param {String} time 时间范围
     */
    getLineChart(time) {
      this.$refs.incomeLines.painterNetworthAsset(
        time,
        document.documentElement.style.getPropertyValue('--color-primary'),
        this.addUpBenefitList,
        '累计收益',
      );
    },
  },
};
</script>

VxGidcFundLines Props

list-type有三种：networth fund valuate 分别对应的三种调用方法 painterNetworhAsset painterFundAsset painterValuateAsset

Copyright (c) 2021 @VX 产品团队 - 南京小分队

Current Tags

• 0.0.6                                ...           latest (2 years ago)

1 Versions

• 0.0.6                                ...           2 years ago