ehm-charts

版本

• V1.0 更新时间:2023-04-17

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>

hukaixin MENG@xia1023

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

• chartId:组件ID

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

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

模型文件全路径：(必须全路径) 例如:注意后缀ext必须与文件类型一致 https://admin.premaint.com/function/data/realtime?path=/20220815/3868f8d4-4b87-4dc7-9c18-07db4d03fc4e//15_20220815224412.wav&ext=fft

时域波形: '/function/data/fileByte' 路径：https://admin.premaint.com/function/data/fileByte?path=/20220815/3868f8d4-4b87-4dc7-9c18-07db4d03fc4e/15_20220815224412.wav

其它模型路径：'/function/data/realtime'(ext:cs/os/fft/tf) https://admin.premaint.com/function/data/realtime?path=/20220815/3868f8d4-4b87-4dc7-9c18-07db4d03fc4e/15_20220815224412.wav&ext=fft