npm install hp-2> 数据可视化组件
安装 hp-2 组件，npm i hp-2
该组件输入的数据格式
``
{
data: [ // 图表数据
{
em_wave_length: '590',
ex_wave_length: '560',
sample_name: "MeasureingSample",
size: [8,12],
start_time: "05:18:07",
end_time: "05:18:07",
wavelengthMeasurement: '',
value: [{
x: 'A',
y: '1',
value: 77
},
{
x: 'A',
y: '2',
value: 99
},
...]
},
...
],
width: '250px', // 图表宽度
height: '330px' // 图表高度
}
在需要的页面中引入组件
`
`
For detailed explanation on how things work, consult the docs for vue-loader.
`
0.1.13:
1、fix：优化tooltip对齐方式
0.1.12:
1、fix：优化国际化
0.1.11:
1、fix：优化数据[1,2,3,4]的展示
2、fix：优化深色主题下，色卡选中后不明显的问题
3、fix：深色主题下，下载的热力图色卡名称与色卡翻页显示不出来
4、fix：深色主题下，暂无数据与数据错误显示与原型不一致
5、fix：384孔板测量的generalDataMatrix类型数据查看显示与原型不一致
6、fix：优化查看趋势图中多色卡的效果
0.1.10:
1、fix：优化更多异常数据格式的处理
2、fix：优化背景为暗色系时，趋势图线条高亮不明显
0.1.8：
1、fix：优化异常数据的判断
2、fix：优化趋势图中文件下载的文件名
0.1.7:
1、fix：优化空数据传入时报错的问题
2、fix：优化框选热力图时，出现跳动的问题
3、fix：优化数据展示的有效位数
4、fix：重新展示物料名称
5、fix：优化空样本展示的逻辑
6、fix：修改复制完整数据的操作
7、fix：优化色卡翻页太靠边问题
8、fix：修改数据处理逻辑：在数组转换转换中添加数据格式转换
0.1.5:
1、fix：修改进入趋势图的条件
2、fix：修改图片为svg
0.1.1:
1、fix：优化下方信息栏中在中文模式和英文模式下的位置和文本
0.1.0:
1、fix：优化热力图框选的颜色
2、fix：优化趋势图对称问题
3、fix：优化没有数据和数据错误时的提示效果
4、fix：优化黑夜模式下趋势图图例不明显的问题
5、fix：数据格式错误检查
6、fix：优化复制值功能的按钮位置和功能
7、fix：取消标题
8、fix：优化趋势图触发条件和交互
0.0.28:
1、fix：优化“右键查看趋势图”和“查看趋势图”两个标签与激活的相对位置
2、fix：优化list中不同数据格式时触发趋势图的处理
0.0.27:
1、fix：适配输入数据类型
0.0.26:
1、fix：解决圆形孔和方形孔之间的转换
2、fix：适配 list、array 和 generalDataMatrix 三种数据格式的转换
3、fix：修改使用文档，更新了 data、methods 和 created 三个部分的代码
0.0.23：
1、update：调整高度后，图表保持垂直居中
2、update：禁止右键框选
3、fix：右键点击查看趋势的提示框位置偏移问题
0.0.21：
1、fix：折线图点击不明位置后翻页
2、fix：黑夜模式下坐标不清晰问题
3、调试黑夜模式和语言切换
``