functionPlot.js
最近使用的一个库 一个以d3为基础构建函数曲线的库
他的文档和使用地址是
https://mauriciopoppe.github.io/function-plot/
这是一个非常不错的绘制函数图的库
具体支持的功能自行去文档中看
这个库支持的api比较少,或者我没找到文档,然后我自己去找到里内部的一些方法,以实现找到线的某个点的svg坐标
const instance = functionPlot({})
console.log(instance);
打印出来,就是这么个东西,里面有很多方法,还没验证干嘛用的
其中
这个函数,我根据这个函数名,去猜测着使用,通过传入y轴的那个值,得到了y轴的svg坐标
instance.meta.yScale()
拿取y轴值的方法
instance.options.data
这个对象里面是你传入的曲线函数的信息
我这里data中第一个是曲线,第二个是y固定一个高度的直线
所以会有两种形式。
第一种传入
{
x:2
}
这种形式的对象,就能拿到y的值
总结
const instance = functionPlot({xxxx})
// y 轴坐标 n 第几个函数 num x的值
const y = instance.options.data[n].fn({x:num}) //如果y是固定高度直线,直接取fn
// Y 在svg中的高度位置
const svgY = instance.meta.yScale(y)