1.0.5 • Published 2 years ago
ehm-charts v1.0.5
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