时间:2021-05-25
本文介绍了plotly.js 绘图库入门使用教程,分享给大家,具体如下:
Plotly
缘起
这两天想在前端展现数学函数图像,猜测应该有成熟的 js 库。
于是,简单的进行了尝试。
最后决定使用plotly.js,其他的比如function-plot 看起来也不错,以后有时间再看。
Plotly
plotly.js is the open source JavaScript graphing library that powers Plotly.
Plotly 可以称之为迄今最优秀的绘图库,没有之一。
简单案例
代码
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>plot 绘制图像</title></head><body><div id="tester" style="width:600px;height:250px;"></div></body><script src="https://cdn.plot.ly/plotly-1.2.0.min.js"></script><!-- test --><script> TESTER = document.getElementById('tester'); Plotly.plot(TESTER, [{ x: [1, 2, 3, 4, 5], y: [1, 2, 4, 8, 16] }], { margin: {t: 0} });</script></html>效果
点图
绘制数学图像
数学图像绘图的原理。比如说 y = 2*x+1,实际上就是一系列 (x,y) 的点连接而成的图像。
代码
<div id="math-function" style="width:600px;height:250px;"></div><script src="https://cdn.plot.ly/plotly-1.2.0.min.js"></script><script> TESTER = document.getElementById('math-function'); var x = [], y = []; for(var i = -10; i < 10; i += 1) { x.push(i); y.push(2*i+1); } Plotly.plot(TESTER, [{ x: x, y: y }], { margin: {t: 0} });</script>效果
函数图像
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、plotly库的相关介绍1)相关说明plotly是一个基于javascript的绘图库,plotly绘图种类丰富,效果美观;易于保存与分享plotly的绘图
有史以来最牛逼的绘图工具,没有之一plotly是现代平台的敏捷商业智能和数据科学库,它作为一款开源的绘图库,可以应用于Python、R、MATLAB、Excel
本文实例为大家分享了python使用Plotly绘图工具绘制柱状图的具体代码,供大家参考,具体内容如下使用Plotly绘制基本的柱状图,需要用到的函数是grap
本教程的所有Python代码可以在网上的IPythonnotebook中获取。考虑在公司里使用Plotly?可以看一下Plotly的on-premises企业版
一、Matplotlib简介与安装 Matplotlib也就是MatrixPlotLibrary,顾名思义,是Python的绘图库。它可与NumPy一起使用,