频谱图echarts
时间: 2023-11-10 10:03:44 浏览: 191
频谱图像
5星 · 资源好评率100%
频谱图是利用Highcharts编写的,而不是使用Echarts。之前尝试使用Echarts,但发现它对内存消耗较大,所以选择了Highcharts。在界面调用时,需要安装Highcharts并引入相关模块,然后可以使用模拟数据进行调用。通过调用`highInit()`方法可以渲染频谱图。以下是示例代码:
```
import Highcharts from 'highcharts';
import timeline from 'highcharts/modules/timeline';
import exporting from 'highcharts/modules/exporting';
import boost from 'highcharts/modules/boost';
timeline(Highcharts);
exporting(Highcharts);
boost(Highcharts);
initMessage(){
// 模拟数据
var data = []; // 频谱图数据
var yData = []; // 瀑布图数据
for(var i = 950; i <= 2150; i += 0.3){
if(i >= 1200 && i <= 1230){
let nums = this.RandomNumBoth(60, 70);
yData.push(nums);
data.push([i, nums]);
} else if(i >= 1450 && i <= 1500){
let nums = this.RandomNumBoth(50, 60);
yData.push(nums);
data.push([i, nums]);
} else if(i >= 1800 && i <= 1850){
let num1 = this.RandomNumBoth(40, 50);
yData.push(num1);
data.push([i, num1]);
} else{
let num = this.RandomNumBoth(2, 30);
yData.push(num);
data.push([i, num]);
}
}
阅读全文