可视化图表代码学习|如何绘制一条正弦波

以下是绘制正弦波的 Highcharts 示例代码。请注意,这里使用了虚构的数据来展示正弦波的形状

Highcharts.chart('container', {

title: {

text: '正弦波'

},

xAxis: {

title: {

text: '时间'

}

},

yAxis: {

title: {

text: '幅度'

}

},

series: [{

name: '正弦波',

data: (function () {

const data = \[\];

for (let i = 0; i <= 360; i++) {

data.push(i, Math.sin(Highcharts.math.deg2rad(i)));

}

return data;

})()

}]

});

在这个示例中,我们生成了从 0 到 360 的角度,并计算对应的正弦值。可以在 Highcharts 的环境中运行这段代码来查看正弦波的图形。

相关推荐
3A Cloud21 小时前
Architecture Diagram Skill 详细介绍
人工智能·笔记·信息可视化
专注数据的痴汉1 天前
「数据下载」黑龙江省黑土区富锦市土地利用数据
大数据·人工智能·信息可视化
郝学胜-神的一滴2 天前
中级OpenGL教程 030:gl_FragCoord解锁区域渲染与深度可视化新姿势
c++·unity·游戏引擎·图形渲染·unreal engine·opengl
数据智研2 天前
【数据分享】中国民政统计年鉴(1949-2025)
大数据·人工智能·信息可视化·数据分析
专注数据的痴汉2 天前
「数据下载」武汉统计年鉴(2009-2025)
大数据·人工智能·信息可视化
Patrick在香港2 天前
Python Docker镜像从1.2GB到89MB:多阶段构建的完整优化实录
java·python·docker·信息可视化·容器·数据分析·ai编程
汇策研习社2 天前
双指标共振交易体系:GMMA趋势骨架 + MACD动能验证实战全解
大数据·人工智能·信息可视化·金融·区块链·fastbull
凌云拓界3 天前
NodeVerdict | 性能门禁:把追踪数据变成 CI 规则
ci/cd·信息可视化·开源·node.js·bug·数据可视化·安全架构
SNAKEpc121383 天前
OpenGL(十一)- 变换管线
c语言·c++·算法·矩阵·图形渲染
城数派3 天前
1842-2026年全球台风路径数据集
信息可视化