ehm-charts

版本

• V1.0 更新时间:2022-03-15

Build Setup

# install dependencies
npm install ehm-charts

导入实例

main.js

import ehmCharts from 'ehm-charts'
Vue.use(ehmCharts);

如需使用Demo 请先在main.js引入 element ui 以下必要组件

import {
  ColorPicker,
  Dropdown,
  DropdownMenu,
  DropdownItem,
  Menu,
  Submenu,
  MenuItem,
  MenuItemGroup,
  Loading,
} from "element-ui";
Vue.use(Dropdown);
Vue.use(DropdownItem);
Vue.use(DropdownMenu);
Vue.use(Menu);
Vue.use(MenuItem);
Vue.use(Submenu);
Vue.use(MenuItemGroup);
Vue.use(Loading);

使用图表Demo

<template>
 <Demo></Demo>
</template>

使用组件

<template>
      <Fft ref="fft" chartId="fft"></Fft>
      <Wave ref="wave" chartId="wave"></Wave>
      <Cs ref="cs" chartId="cs"></Cs>
      <Os ref="os" chartId="os"></Os>
      <Tf ref="tf" chartId="tf"></Tf>
</template>

参数解读： 关键参数：必传且值项目内不可重复

• chartId:组件ID

初始化图表数据渲染 Wave:.dat Tf:.tf Cs:.cs Os.os Fft:.fft

• ref： 必填--通过ref调用组件内部初始化方法 this.$refs['fft'].initChart(path, title='');
• title:图表名称 选填
• path:

// 例如:必须全路径，注意后缀必须与文件类型一致 https://mars.gmaint.cn/function/data/file?path=20220222/9321f3d4-32b9-4a54-b99a-b78dba06e722/12_20220222000000.fft